Discussion on Lineone - Tailwind CSS Admin Template, HTML + Laravel

Discussion on Lineone - Tailwind CSS Admin Template, HTML + Laravel

Cart 2,324 sales
Recently Updated
Well Documented

PiniaStudio supports this item

Supported

This author's response time can be up to 2 business days.

338 comments found.

Where can i find docs for installation?

Hi. You can find doc here: https://lineone-docs.piniastudio.com/

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?

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?

The theme consists of collection of elements, components, layouts, dashboards, widgets and card, which are more 120 pages. You can see all demos here: https://lineone.piniastudio.com/ There is also docs for installation, customizing theme. You should hire a developer who is familiar with modern web concepts and technologies. https://lineone.piniastudio.com/dashboards-travel.html https://lineone.piniastudio.com/apps-travel.html

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.

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.html

So 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

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.

https://lineone.piniastudio.com/components-carousel.html The carousel on this page does not work when I copy and paste the code. The buttons do not respond, and it does not autoplay. This issue occurs with every example.

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?

Hi.

You can use Sideblock variant for mobile.

Best Regards.

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.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey