338 comments found.
Hello,
I am getting this warngin, https://prnt.sc/e6BF-LuKTaiZ
and js file too big for that page loading time is high
”” (!) Some chunks are larger than 500 kBs after minification. Consider: - Using dynamic import() to code-split the application - Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/guide/en/#outputmanualchunks - Adjust chunk size limit for this warning via build.chunkSizeWarningLimit. ””
Hello.
You can remove dependencies that you don’t use in your project, or split the dependencies like Quill.js, Apexcharts, Swiper, which are relatively heavy.
For a better understanding of the js structure, see the lineone-html-es6 folder, the javascript file finally weighs ~180kb.
Regards
Thanks
Hi How do I reuse elements?
For example I am only interested to use the app layout (just the sidebar and header) how do I do it? Documentation does not mention this.
Hi. it depends on your app framework or environment. We have some starter pages (https://lineone.piniastudio.com/pages-starter-1.html) and you can use them. You can also contact us by email (piniahelp@gmail.com) so that we can support you.
Hi, this is nice template to build apps quick. May I know, can we show the side bar menu when click the icon in left side exactly without enter to first page link. Thank you
Hi, can you explain you meaning more clearly?
Like when I click on the Dashboard icon on the left. Is it possible to immediately display all the Dashboard sub-menus.
Do you mean something like this?
https://gyazo.com/0b8acff6e54998799641766c243c6349Yes, I mean like that 
Yes, it is possible. Send your purchase code to our email (piniahelp@gmail.com), we will send you the modified layout.
Hi PiniaStudio, I have been sent my purchase code to your email.
Hi, How can I get the avatar images like in the demo?
HI, All images have free license and you can request to our email. (piniahelp@gmail.com)
Hi, do you provide access to figma or photoshop files?
Hi.
Currently there is no figma file. When complated, it will be added to the bundle.
Regards.
Can the current file be provide? Okay paying extra if needed
Hi, I just bought and paid $18, just want to ask, is this able to work in dot net 6.0 project?
Hi, I tried to build it follow the documentation instruction. except all the profile logo missing, everything is fine. I trying to implement it into dot net project using the same step which “npm i” using html-es6, I copied whole index.html and tried to load the page. But the app.js hit error of undefined(reading ‘split’). I already change all the href, src to correct path. Please kindly advice. Or let me know if others already met this issue. Thanks.
Hello. Happy new year. This is an HTML theme and you can use it in any project
Actually, you have two way. 1. Old school: You add the “css” and “js” files from the “dist” folder to your project as static asset files. 2. New scool: You install Tailwind for ASP.Net and complie Javascript files using bundlers.
If there is any issue, please send a screenshot and details of issue tu our email (piniahelp@gmail.com) so that we can help you.
Regards.
Checked the modal component but its not responsive on modal devices.
2) When contents are huge on the modal, the whole designs are disorganized… The header of the modal stays under the device screen and not seen..
Please correct this before i buy…
Hello, happy new year.
In the new update, the modals are scrollable and there is no issue.
Regards.
Hello, I’m having trouble trasnforming to vue3. Is it possible to send the code with compatibility to vue3?
Hi, happy new year. There is no issue. Send a message to our email (piniahelp@gmail.com), we help you.
Regards
Happy new year, thanks
[vite] Internal server error: [postcss] xxx/resources/css/base.css:2:5: The [—margin-x: class does not exist. If [—margin-x: is a custom class, make sure it is defined within a @layer directive.
How do I go past this issue?
Note: template works fine independently, but fails when I try integrating it into my existing repo.
Hi.
You probably added whitespace when writing the class. Remove whitespace in classname:"@apply [--margin-x: 1rem]" to "@apply [--margin-x:1rem]"
Regards
Great Work!
hey, I really like the look of this template! I don’t want to use it for a dashboard style site though, but rather a normal landing page / content site.
For that I would prefer to not have the sidebar, and instead just use the top navbar and completely remove the sidebar.
Is that easily achievable?
Kind Regards
Hi.
If you have coding skills and experience working with web technologies, you can customize it. if you don’t need a sidebar, you can start with following starter page:
https://lineone.piniastudio.com/pages-starter-5.htmlPlease let me know if you have any questions.
Regards.
perfect, thanks a lot for the quick reply!
Hi! how can i use the group-* function in the tailwindcss on your theme?
Hi.
You can use group-* like a normal tailwindcss.
Also we have used this feature on the https://lineone.piniastudio.com/components-menu-list.html page for menu items.
Regards
hi, thanks on the reply, i found it, but on your <!- Main Sections Links -> it wont work in the icons, i use the fontawesome icons in this area, how can i use the group-* in this matter?
thanks again
and also when i use the bg-lime-500/50 or other colors are not working, i tried to add in the config but now showing
Hello.
There is no issue in using fontawesome. Also no need to use group-* to change fontawesome icon color. You can use text color (like text-primary).
Also tailwind use JIT compiler. Since JIT generates your CSS on-demand by scanning your template files. Therefore, there is no issue in uning tailwind color.
If you really have any issue using this template, you can send it to our email (piniahelp@gmail.com) in detail and also with screenshot.
Regards!
Hi, I got a js error of websocket connection failed. Vite failed to connect to websocket
May i know how to solve this issue? Coz a hot reload not working when I’m using this template.
Hi, I just checked the template and there was no any issue.
If you are using old version (< 1.2) of template, update the dependencies (composer update, ncu—upgrade, npm i) and much the “vite.config.js” file with the latest version of theme.
Regards
Hi,
I have little problem to pass additional filters on demand button into grid.js table server-side search, and I did not find solution in grid.js documentation.
I am using laravel framework.
Can You please help me with this problem?
Hi! Unfortunately, I don’t have your code and I can’t help you. If you can send us email (piniahelp@gmail.com) with your code.
still waitting for new navigation
Hello, we just updated the template.
https://lineone-docs.piniastudio.com/release-notes.html#version-1-4-0Hi,
Is there any list of svg icons?
Hello.
We are used following icons:
https://www.figma.com/community/file/886554014393250663 https://www.figma.com/file/XysENgWpZMPumLsQv74fSG/Free-Icon-Pack1200-icons-Community https://heroicons.com/ https://fontawesome.com/Regards
Hi there. I’m planning to buy a large number of licenses for my company and some of my partners are looking into this as well.
The only thing holding us back is that the chart library (apex charts) is not really scalable with large datasets and doesn’t work smoothly on mobile. This is not great for a large number of business cases.Would you be planning to add support for e.g. Highcharts (e.g. add a separate page with some charts that use the same style. The same goes for the grid. Grid.js is good for basic cases but you would get many more downloads if you’d adopt AG grid.
Any plans like this? Btw, could you let us know which illustrations you used / where you found them (be it vectors, images, icons). Because then we could keep the style consistent with new assets.
Thanks!
HI.
Apexcharts is one of the most beautiful and open source chart library. And Highchart is a good performance and good library, but unfortunately it’s open source . Lineone is made a collection of open source libraries. We cannot use Proprietary software and put them on the market.
You can see all the attributions (libs, images, fonts, illustrations) here
Also, if you have any other question, you can send a message to our email (piniahelp@gmail.com) so we can talk.
Regards.
Hello, do you plan to add other navigation layouts?
HI.
This week we will try to add 2 new navigation
Regards
Hi, I want to change default color to teal. I change config file according to documentation but for dark mode it is not reflected. please guide how to do same for dark mode?
Thanks
Hello! To fix the contrast issue we used “accent” color. You should change the configuration as follows.
const customColors = {
....
primary: colors.teal["600"],
"primary-focus": colors.teal["700"],
"accent-light": colors.teal["400"],
accent: colors.teal["500"],
"accent-focus": colors.teal["600"],
...
};
Regards!
Thanks for upper request. For Dark mode. background color is strong dark blue. But I want to change it into strong dark teal color as well. how can I do?
From ui side, darkblue and native dark are great for the dark mode, and the rest of colors are not very suitable.
Anyway, if you what to change the colors of the dark mode, you should put your color palette in the “navyColor” const in the “tailwind.config.js”
Hello. Can i use this template in React?
HI!
There are
“HTML + Vanilla js (without any framework)”,
“Laravel + HTML + Alpine.js”,
“HTML + Alpine.js”
versions in the bundle.
“HTML + Vanilla js (without any framework)”. I am not sure how can apply this in my React proyect. Is there any demo or lite version? I have experience with Html, Js and Css and templates without frontend frameworks.
I use HTML + Vanilla js but, this use alpine.js. React and alpine cant work together…
No framework has been used in any way in vanilla js version. Did you check the “lineone-html-es6” folder?
Is true. My bad. Thanks.
