338 comments found.
Where can i find docs for installation?
Best Regards.
HI, considering that I don’t have many pages or in some cases only one page the “sidebar-panel” appears empty and it’s not very nice. It is possible to adapt the size of the sidebar to the content (number of pages). Thank you
Hello, Thank you for choosing our product. You can explore different starter layouts (dual sidebar, sideblock, horizontal nav) to suit your needs. You can also customize your layout and adjust the sidebar size or visibility by editing “–main-sidebar-width” and “–sidebar-panel-width” variables.
If you have any questions or requests, please feel free to email (piniahelp@gmail.com) us with the details and we will be happy to assist you.
Best Regards
Hi, does this template include back-end coding. If not what do you recommend please to deploy?
Hello, The bundle contains both static HTML and Laravel editions.
You can deploy the HTML edition on any platform (such as Vercel , Cloudflare, Netlify).
For the Laravel edition, you need to deploy it on a PHP hosting or VPS.
Best Regards
Appreciate your response. Please kindly confirm whether this template can easily be configured or already has the full functionality for end users/customers. I am looking to combine the travel agency section, whereby my customers can select and reserve a holiday. But also provide them with their invidual access to an analytics/crm using your template. This will be for a referral program, whereby they can use this section of the template to track their referrals.
Lastly, the demo is limited for the travel section. Can I see more please? Thanks
This is a web template, not a fully functional web application. To use or integrate this theme, you need to have web coding skills or hire a web developer.
Thanks, understood. However, please confirm that if I hire a web developer they can configure this easily for customers aswell as admin?
Can I see more of the travel section please?
Any ideas as to when we may see some updates or additions to the theme? I recall seeing some comments from you saying that some features will be implemented in an update in the next few weeks but that was a few months ago.
Hi.
You can see the changes, new features that have been added over time on the following page: https://lineone-docs.piniastudio.com/release-notesI recall you saying there were updates coming soon specifically about the custom JavaScript functions you’ve built. Trying to re-initialize Tippy following an Ajax request, same thing for dropdowns.
Often we use Ajax with Pusher to refresh content which often uses Tooltips and Button Dropdowns, but based on how the scripts are now, you can’t use classes to select tooltips and re-initialize them after the first page is loaded.
Which edition are you using: Javascript without framework or Alpine.js?
JavaScript not Alpine
Hi, you should add unqiue selector (id, classname, or…) for your tooltip ref. Then you can update the tooltip content:
document.querySelector(’#theunqie’)._tippy.setContent(‘newContent’)
Thank you! What about drop downs too? Can I use a class selector and no ID? We use Ajax to reload content dynamically using Ably or Pusher. The content pulls datat from a database but there is an undetermined number of drop downs in the content.
You mean something like this api:
document.querySelectorAll('.injectedDropdowns').forEach(el => {
new Popper(el, ".popper-ref", ".popper-root", config);
})
I used: ``document.querySelectorAll(”.dropdown-div-button”).forEach(el => { new Popper(el, ”.popper-ref”, ”.popper-root”, config); });``
This above response spits back a “Uncaught DOMException: Failed to execute ‘querySelector’ on ‘Document’: ‘[object HTMLDivElement]’ is not a valid selector.”
Also when you use the setContent function as mentioned above, it gives this. “Uncaught TypeError: Cannot read properties of undefined (reading ‘setContent’)”
Just so I’m explaining correctly. The content is not loaded, and the Tippy is not initialized… After the Ajax request has processed, it updates the HTML from the ajax results, and displays a button. We want to initilize the Tippy then for the first time, and re-initilize each time the content is reloaded (since Tippy stops working after it’s reloaded)
Any ideas?
Hi,
For creating tooltip manually you can use the tippy api. You have access to tippy with “window.tooltip.tippy” and plugins “window.tooltip.tippyPlugins”. So you can use this api for creating the tooltip. If you want to update the tippy content use document.querySelector(’#theunqie’)._tippy.setContent(‘newContent’).
We are also updating the popper API this weekend, which will allow you to create dropdowns more easily.
Looking forward to the update.
Are you able to provide me with a code example on how I can initialize Tippy by class instead of ID?
Any idea when we will see this update?
Hi there!
In the latest update, we have fixed the “popper” component, which allows you to create dropdown menus with ease. All you need to do is use this simple code snippet: document.querySelectorAll(’.injectedDropdowns’).forEach(el => { new Popper(el, ”.popper-ref”, ”.popper-root”, config); })
Best Regards.
Awesome. I see the notes have been updated.
I see Tippy was changed as well. Is there a way I can initialize Tippy on a button using JavaScript instead of the data attribute?
Yes. Try this:
document.querySelectorAll(’.theElement’).forEach(el => tooltip.tippy(el, { content: ‘the tooltip text’, arrow: tooltip.tippyPlugins.roundArrow, animation: “shift-away”, zIndex: 10003, placement: ‘bottom’ }))
Awesome. That worked beautifully!
Thanks for your help!
Hi, great theme, I like it a lot. I am having problems though with tailwind, maybe I just don’t understand how to set it up correctly. I am using the laravel 10 version, and there are a lot of classes in tailwind that don’t work at all or only on some elements. For example a pb-4 won’t work on some elements but it does on others, not all colors etc. How can I fix it so I can use all the tailwind classes on any element?
Hi, thank you for choosing our theme. To make sure the theme works properly, please align your project’s tailwind.config.js file with the theme’s config file. If you encounter any issues with the tailwind utility on your element, you can use !pb-4 (! – important) to override it.
We hope you enjoy our theme and feel free to contact us if you have any questions.
Best regards.
Hello and congratulations for the product, There are many packages, which of them can be excluded without causing problems? So as to make everything lighter in the server. Thank you
Hi, You can take out “hljs” (highlight syntax code), Also apexchart (for chart), Quilljs (text editor). Also you can split js (look “lineone-html-es6/src/js”)
Hello, any updates regarding the Figma design? Will pay for it even if a beta or rough, really love your template and I need a design file to quickly design pages! Thanks!
Hi, thanks for you comment, but unfortunately there is no figma file yet…
does it work with laravel 8
Hi, The laravel edition is based on Laravel 10, but it can be easily used in other versions as well
I tried installing the Laravel version with current stable versions.
The server immediately showed success in the terminal, but no matter how I configured it, I could not get browsers up. (Note: I searched forums and discord communities; I had chatGPT check my work and make me checklists to go through, etc).
It was for a new VPS anyway, so I got a fresh one-click install of Ubuntu/Rails/Litespeed and started clean.
This time I set up EXACTLY the right versions, ensuring I pinned the packages to spec instead of updating to stable. It’s no longer installable, mostly because of Composer requirements that need 8.1+PHP.
Would really love a guide. Am very open to changing my installation to whatever’s easiest.
You can easily install the theme using the documentation. It is also necessary for you to have basic about PHP and Laravel 10.
Hi,
Two questions about Laravel version:
1. I see the Laravel version uses php 8.0.2. Does it have compatibility with the current stable version, or do we need to config to exactly that version of php?
2. Do you have a basic Doc for this specific version of Laravel’s use with Nginx/Apache/Litespeed?
Hi.
To use Laravel 10, your PHP version must be at least 8.1. Also, in the latest updates of this theme, we have used Laravel 10.
Hi,
I only want this :
https://lineone.piniastudio.com/apps-filemanager.htmlSo i would like that the specific sidebar for file manager goes to main sidebar.
Is it easy ?
Thank you
Hello,
You might want to check out the Sideblock layout. It is a simple and elegant design that can showcase your content effectively.
However, to use this layout, you will need some basic HTML/CSS/JS skills.
I hope this helps. Have a nice day!
My checkboxes are white despite me using the exact same code as on the template. Is there a Javascript library modifying the CSS somewhere?
Hi.
No JS has been used to style the forms. Did you match the tailwind.config.js of your project with the config file of the theme?
Hi,
I did, yes
Have you imported thr css files? Do you use another form plugin/library in your app?
Hi. Do you know why when resizing the browser window, “sidebar” and “notifications” disappear? I would prefer that they disappear only when the user clicks the button or any area of the “pooperJS” div. This effect can also be seen in the demo version.
Hi.
To prevent the sidebar from toggling on the resize event, you need to open the file ‘src/js/store.js’ and delete the code from line 36 to line 42:
Alpine.effect(() => {
if (Alpine.store("breakpoints").name && !firstTime) {
this.isSidebarExpanded = false;
this.isRightSidebarExpanded = false;
}
});
If you are using JS edition of theme without any framework, you should remove these code snippets from line 227 – 230:
// Closing the sidebar when breakpoint changed
window.addEventListener("change:breakpoint", () => {
if (this._body.classList.contains(SIDEBAR_OPEN_CLASS))
this._uiCloseSidebar();
});
Best Regards
Hello, congratulations on the product. Laravel version is 9.5 version 10 is possible.
Hi.
To use Laravel 10, you need to download the latest version of the project.
Best Regards
Hello, could you help me with the installation? Is there a step-by-step guide? How do I use the HTML pages? I’ll be waiting for your response. Thank you.
Hi.
The pack contains both a compiled version (in the dist folder) and an uncompiled version (in the src folder) of the theme. You can choose either one depending on your preference. What kind of environment are you using to create your own app?
Hello, Thank you for your message. I’m glad to hear that your previous question has been resolved. However, I still have one question that I would like your assistance with. The provided URL example does not have a corresponding code button that allows me to view the code when clicked. I would appreciate it if you could help add this functionality so that we can have a better understanding of the development features. Is it possible? Thank you very much. 1. https://lineone.piniastudio.com/components-drawer.html 2. https://lineone.piniastudio.com/components-menu-list.html 3. https://lineone.piniastudio.com/components-table-advanced.html 4. https://lineone.piniastudio.com/components-table-gridjs.html 5. https://lineone.piniastudio.com/components-apexchart.html 6. https://lineone.piniastudio.com/elements-card.html
Hi, If you using js edition without any framework you shoud get codes form ‘https://lineone-html-es6.piniastudio.com/'. For alpine.js edition: ‘https://lineone.piniastudio.com/'.
Hello.
No, you misunderstood my meaning. I am aware of the URLs you provided. What I meant was, isn’t there supposed to be a “code” button in the top right corner of each code block? When you click on it, the corresponding code should be displayed. However, the pages I mentioned do not have this button available for clicking, which is why I was hoping you could add it.
Thanks!
Hello.
Please reply me as soon as possible to reduce unnecessary delays.
Best Regards.
Hi. In the next update, we will add ‘show code’ functionality to more pages.
Hello.
You may need to check these two files if you are using the “lineone-html-es6” edition: “/src/js/pages/components-carousel.js” and “src/html/components-carousel.html”. They have the code for the carousel component. If you are not using this edition or you have any other issue, please email us with more details and screenshots.
Best Regards.
how to obtain the main sidebar without a submenu and display it normally in mobile mode?
but i like the ico menu… is there no other way?
Well, you can hide the second menu in mobile. And if you like, you can change the size of the main menu. Check ‘src/css/base.css’, you can change ‘—main-sidebar-width’ for different screens.
Hi,
I’m trying to integrate this theme in React Js, but some functionality is not working. Can you please send me the the help guide or document.
Thanks,
Hello.
To integrate it with React, you need to use the “lineone-html-es6” edition of the theme. In case you face any issues with this process, please email us (piniahelp@gmail.com) and we will provide you with a simple version of integrated theme with Reactjs.
Best Regards
Hi,
does the template support “jquery unobtrusive validation”?
kind regards
nevermind, I managed to add custom clases for unobtrusive validation work
.input-validation-error { @apply border-red-600; }
.field-validation-valid { @apply hidden; }
.field-validation-error { @apply visible; }
Hello.
I’m glad your problem is solved. If you have any problems running the theme in your environment, you can contact us by email.
Best Regards.