446 comments found.
Hi.
I want to purchase the Laravel + tailwind.
I have some questions about:
1. Just for being sure, am I in the correct page for this version? (I’m not interested in vue or html) 2. Are the components designed by tailwind? 3. May I have a tree form of the file names (at least for resource folder). I want to be sure that the template match to my need. 4. If I want to design more than one website do I need to buy one license for each? 5. Should I do anything to add livewire?
Thanks
Hi,
Thank you for reaching out to us,
1. Yes, this is the correct version, you will get Laravel project with `Laravel Mix` configured and template setup.
2. Yes, everything is built from scratch with Tailwind, some complex component classnames may look like bootstrap components eg: `Modal`, `Dropdown`. But it’s actually a Tailwind component, we’re just using its naming convention, the JS and CSS code is built from scratch with `@apply` directive.
https://i.imgur.com/ED7o99I.png
https://i.imgur.com/491plHN.png
https://i.imgur.com/66Xy9rV.png
4. Yes, you need more licenses for that.
5. The built-in features do not include Livewire, and the integration is not included in the support. If you would like to work with someone more closely to help you with this, consider working with a freelancer or one of the Envato Studio providers.
Thanks for your fast and precise answer.
Is there any demo to install the theme or add some components in a project?
Thanks again
Hi, can i run composer update for new updates of laravel 9?
Hi Urufu,
Sorry for the late reply,
Yes you can, we will also be releasing an update for this in the near future.
Hi there.. I disabled the CSS animation by removing these two lines:
@import “@left4code/tw-starter/dist/css/intro.css”; @import “@left4code/tw-starter/dist/css/zoom-in.css”;
But the sidebar menu still shows the animation..
How can I remove it?
Thanks!
Hi,
Thank you for reaching out to us,
Please open this file `/resources/css/components/_side-nav.css` and comment the following lines.
https://i.imgur.com/g2vfYt6.pngHow can I see the linked file https://i.imgur.com/g2vfYt6.png ??
Safari downloads it as an empty image… ( 0 Kb )
And Chrome says Access denied error 403
Also.. By disabling @import “@left4code/tw-starter/dist/css/intro.css”;
The top-bar is never shown!! The elements are there, like the Logo, Breadcrumb, Search, Notifications and the Account Menu… but everything is hidden.
Please check this alternative link.
- /resources/css/components/_side-nav.csshttps://drive.google.com/file/d/1XYu9rpTFhLN5YknUwwSPK51mPtb_ncLp/view
- Add `z-[10]` class to `/resources/views/layout/components/top-bar.blade.php`.
https://drive.google.com/file/d/13Q8K-cdle0BQQfB1fKd5cMYjjTiKXfSR/view
And run the compiler.
Thanks a lot.. I’ll try them both!!
All these changes worked great !
One last thing.. I’ve noticed a small delay for all the icons to show after the page is rendered..
Is there a way to show them immediately ? Should I re-order the loading script that handle the icons ?
Unfortunately, this is the expected behavior because the `Lucide` icon plugin is executed by replacing the `i` tag with a `svg` element when the page finishes rendering.
You might need to use an overlay to make sure the page showed when the icon is rendered.
You can check `/resources/js/app.js` and find this line to check the icon initialization code.
import "./lucide";
Here’s a video showing what I mean!!
ON every refresh.. there’s a delay before showing all the icons, not just the ones from the sidebar.
https://drive.google.com/file/d/18i0FG2gAi-s3N_MjRd8rKzQZ7JozPWAp/view?usp=sharingYes, this is the expected behavior as said before the icon plugin worked by replacing the `i` tag with an `svg` element when the page is rendered.
Please check this link for more details. https://github.com/lucide-icons/lucide/tree/master/packages/lucide#lucideThanks!! I’ll have a look!!
Glad to help.. 
Hi there.. I did disabled the CSS animation by removing these two lines:
@import “@left4code/tw-starter/dist/css/intro.css”; @import “@left4code/tw-starter/dist/css/zoom-in.css”;
But the sidebar menu still shows the animation..
How can I remove it?
Thanks!
Hi,
Thank you for reaching out to us,
Please open this file `/resources/css/components/_side-nav.css` and comment the following lines.
https://i.imgur.com/g2vfYt6.pngHello,
How do I modify the date range in the date pickers? I would like to have a “date of birth” field that starts with January 1, 1900 and ends on December 31, 2004.
Hi,
Please open this file to modify the `litepicker` config.
- /resources/js/datepicker.js
Hello,
How do I implement input validation on the forms? Does the theme come with client-side JS form validation?
Thanks, Andy
Hi,
Thank you for reaching out to us,
Yes, we have included `pristinejs` for client side validation, please check `/resources/js/validation.js` and `/resources/views/validation.blade.php` to check sample code.
Thank you!
You’re welcome..
Hello team. I just bought your template and I just have one big question.
I can run Livewire with this template. Greetings thank you.
Hi there,
Thank you for reaching out to us,
Unfortunately, we’ve never tried Livewire before. But if you are a developer you can certainly integrate it.
For the new update, what files should I review? And How i can add more options to ckeditor toolbar?
Hi,
Thank you for reaching out to us,
Please replace the following files.
- /src/assets/css/components/_ckeditor.css - /src/assets/css/components/_mobile-menu.css
You can use `config` props to pass more options. https://i.imgur.com/sbFTbTF.png[2022-05-31 03:22:09] laravel.EMERGENCY: Unable to create configured logger. Using emergency logger. {exception] (InvalidArgumentException(code: 0): Log [] is not defined. at /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Log/LogManager.php:207) [stacktrace] #0 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Log/LogManager.php(132): Illuminate\\Log\\LogManager->resolve() #1 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Log/LogManager.php(119): Illuminate\\Log\\LogManager->get() #2 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Log/LogManager.php(702): Illuminate\\Log\\LogManager->driver() #3 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Exceptions/Handler.php(274): Illuminate\\Log\\LogManager->log() #4 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Http/Kernel.php(415): Illuminate\\Foundation\\Exceptions\\Handler->report() #5 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Http/Kernel.php(113): Illuminate\\Foundation\\Http\\Kernel->reportException() #6 /var/www/html/files/laravel/theme/Source/public/index.php(52): Illuminate\\Foundation\\Http\\Kernel->handle() #7 {main} “} [2022-05-31 03:22:09] laravel.ERROR: syntax error, unexpected token “)” {exception] (ParseError(code: 0): syntax error, unexpected token \”)\” at /var/www/html/files/laravel/theme/Source/vendor/symfony/finder/Finder.php:588) [stacktrace] #0 /var/www/html/files/laravel/theme/Source/vendor/composer/ClassLoader.php(428): Composer\\Autoload\\includeFile() #1 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Bootstrap/LoadConfiguration.php(88): Composer\\Autoload\\ClassLoader->loadClass() #2 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Bootstrap/LoadConfiguration.php(65): Illuminate\\Foundation\\Bootstrap\\LoadConfiguration->getConfigurationFiles() #3 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Bootstrap/LoadConfiguration.php(39): Illuminate\\Foundation\\Bootstrap\\LoadConfiguration->loadConfigurationFiles() #4 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Application.php(239): Illuminate\\Foundation\\Bootstrap\\LoadConfiguration->bootstrap() #5 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Http/Kernel.php(153): Illuminate\\Foundation\\Application->bootstrapWith() #6 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Http/Kernel.php(137): Illuminate\\Foundation\\Http\\Kernel->bootstrap() #7 /var/www/html/files/laravel/theme/Source/vendor/laravel/framework/src/Illuminate/Foundation/Http/Kernel.php(111): Illuminate\\Foundation\\Http\\Kernel->sendRequestThroughRouter() #8 /var/www/html/files/laravel/theme/Source/public/index.php(52): Illuminate\\Foundation\\Http\\Kernel->handle() #9 {main} “}
Hi there,
Thank you for reaching out to us,
Can you send a step-by-step screen recording to reproduce the issue?
Can you please help me out with a tailwindcss issue I am facing. It seems that after following all the steps to install this theme that we are getting only bits and pieces of tailwindcss. For example things like h-1/5 do not work. or certain colors. Can you advise how to fix this issue.
Hi,
Thank you for reaching out to us,
Have you run the compiler? The class will be generated when you make changes to the code, so you need to run the compiler and keep it running while you make changes.
Hi,
My google chrome (version 102.0.5005.61). and opera (88.0.4412.11) browser updated to the latest version and my application stopped displaying all front-end components. No error on console.
Hi,
Thank you for reaching out to us,
Seems like we need more information to reproduce the issue, have you tried on another machine?
Can you check if this also happened with our online demo?
Are we able to get the XD files for enigma?
Thank You!
Hi,
Thank you for reaching out,
Unfortunately, the XD design files for Enigma are not available.
Ok understood, could we have any XD files available? We are just trying to piece together a few mockups. Thanks!
tailwindcss is big and slow loading, I think it’s should replace tailwindcss to windicss
Hi astonx,
Please check this link.
https://tailwindcss.com/blog/just-in-time-the-next-generation-of-tailwind-cssHi, When I run “yarn run watch”, I get: ” C:\Users\Ben\code\tracker\source> yarn run watch yarn run v1.22.18 $ concurrently “postcss ./resources/css/app.css -o ./public/dist/css/_app.css—watch” “mix watch” [1] i Compiling Mix [1] C:\Users\Ben\Code\tracker\Source\node_modules\webpack\lib\NormalModuleFactory.js:279 [1] throw new Error( [1] ^ 1 Error: NormalModuleFactory.resolve (NormalModuleFactory) is no longer a waterfall hook, but a bailing hook instead. Do not return the passed object, but modify it instead. Returning false will ignore the request and results in no module created. Returning a Module object will result in this module used as result. [1] at C:\Users\Ben\Code\tracker\Source\node_modules\webpack\lib\NormalModuleFactory.js:279:13 [1] at eval (eval at create (C:\Users\Ben\Code\tracker\Source\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:12:1) [1] at C:\Users\Ben\Code\tracker\Source\node_modules\webpack\lib\NormalModuleFactory.js:463:14 [1] at C:\Users\Ben\Code\tracker\Source\node_modules\webpack\lib\NormalModuleFactory.js:116:11 [1] at C:\Users\Ben\Code\tracker\Source\node_modules\webpack\lib\NormalModuleFactory.js:678:9 [1] at C:\Users\Ben\Code\tracker\Source\node_modules\webpack\lib\NormalModuleFactory.js:859:5 [1] at finishResolved (C:\Users\Ben\Code\tracker\Source\node_modules\enhanced-resolve\lib\Resolver.js:294:11) [1] at C:\Users\Ben\Code\tracker\Source\node_modules\enhanced-resolve\lib\Resolver.js:362:25 [1] at C:\Users\Ben\Code\tracker\Source\node_modules\enhanced-resolve\lib\Resolver.js:434:24 [1] at eval (eval at create (C:\Users\Ben\Code\tracker\Source\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:27:1) [1] mix watch exited with code 1 ” It seems something is unhappy with webpack?
Thanks, Ben
Hi,
Thank you for reaching out,
Please run `yarn list webpack` or `npm list webpack` and let me know the result.
Thanks for your reply,
We’ve been trying to figure out the cause of this issue, but couldn’t find enough resources on the forums or github issues.
We have also tried to install it on windows and mac os without encountering any similar problems.
There seems to be an installation problem with `node_modules` or something, is there any other information you can provide to reproduce this issue? If you are using windows what version are you using and are you using PowerShell?
If possible can you try to install on another machine to test?
Thanks, okay. Sorry it’s definitely something with my machine, tried that new laravel sail / docker dekstop and it’s all working now on that. Thanks
Glad it worked..
Let me know if you need anything else.
Hello, i am using your theme with livewire and im experiencing a weird issue. This is probably JavaScript related which im not very familiar with. So long story short im using wire poll functionality https://laravel-livewire.com/docs/2.x/polling and i have this issue with navbar : https://i.imgur.com/8NDxDJZ.mp4 . As you can see every time it gets refreshed,the menu active class stops working.
Can you please help me with that?
Hi infin1ty,
Thank you for reaching out,
Unfortunately, we have never used livewire before, in top menu layout you may need to create a mechanism to add `top-menu—active` class to the active menu.
https://i.imgur.com/DDSgjyv.png
Hi, i want to ask about login sistem
Hi,
Thank you for reaching out to us,
Sure, how can we help you?
Hi, We already purchased this template (https://themeforest.net/item/letz-laravel-admin-dashboard-starter-kit/26531442), but we didn’t find the design files included as mentioned there (XD files) How do we get that?
Hi fjameel,
Thank you for taking the time to contact us,
For now, the XD design file is only available for Rubick (The first theme of Midone).
Please check the link below. https://i.imgur.com/eqJYYFb.pngBest regards, Left4code Team
Hi, how i can use TailwindUI components here?
Hi Urufu,
Sorry for the late reply,
Unfortunately, we’ve never done Tailwind UI integration on Midone. However, we can help you if you encounter an error/issue when disabling components on Midone.
Hello,
I have purchased the starter kit and would like to use it with an existing Laravel 9 project.
Could you please provide me with the steps and the files and folder to copy to have the basic look and feel, empty side menu for Enigma in the project.
Thanks in advance.
Hi there,
Thank you for reaching out to us,
Please check the following steps.
1. Copy/adjust `package.json` file. https://i.imgur.com/X2zMlDG.png2. Run `yarn install` to install the dependencies.
3. Copy config files.
- postcss.config.js
- tailwind.config.js
- webpack.mix.js
4. Run `yarn run watch` to run the compiler.
5. Include CSS/JS assets.
<link rel="stylesheet" href="{{ mix('dist/css/app.css') }}" />
<script src="{{ mix('dist/js/app.js') }}"></script>
hello i have this weird issue,the mobile menu doesn’t work. it does nothing. i have this in my app.blade.php https://i.imgur.com/uro31bs.png .If i comment out <link rel="stylesheet" href="{{ mix('css/app.css') }}">
it works again ,although few parts of my app not seem to work quite right. I am using powergrid tables and it doesn’t work if i comment out the css file i told you about.
Can you please help me out?
Left4code anything that could help me on this?
Hi,
Sorry for the late reply,
Can you send a screenshot of the mobile menu? Is the menu not showing or the menu link can’t be clicked?
the menu can’t be clicked
Can you check if the menu is rendered? It’s actually a simple HTML link element without javascript.
https://i.imgur.com/7XJgbou.pngNo it is not https://i.imgur.com/fv5ZupP.png . i’m reminding you that this happens if i uncomment <link rel=”stylesheet” href=”{{ mix(‘css/app.css’) }}”> .
This is a bit difficult for us to debug because we can’t reproduce this issue. Have you tried clearing Laravel view cache?
php artisan view:clear
<link rel="stylesheet" href="{{ mix('css/app.css') }}">
<link rel="stylesheet" href="{{ mix('dist/css/app.css') }}">
I don’t think a CSS code can remove an element from the page. Have you tried to comment one by one the imported css code/files in the `css/app.css`?
Looks like we don’t have this file in our template by default.
yes you are right. This is is auto generated because of jetstream installation. can you please guide me on how can i make jetstream work with your theme?
Can you post the contents of the CSS file?
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
You can actually delete the file because the Tailwind CSS directive is already included in the theme, please check this file `/resources/css/app.css`.
https://i.imgur.com/NVr0KLD.png
What if you change the build configuration of `webpack.mix.js` to something like this?
https://i.imgur.com/dyRaxku.pngSo you can still use the CSS file with `css/app.css` path while also using the code from the theme.
No,nothing changed. Unfortunately I think im going to start all over again. Can you please repeat to me the process of installing this theme on an existing laravel project? Also could you consider implementing jetstream on a future update?
Please check the following steps.
1. Copy/adjust `package.json` file. https://i.imgur.com/X2zMlDG.png2. Run `yarn install` to install the dependencies.
3. Copy config files.
- postcss.config.js
- tailwind.config.js
- webpack.mix.js
4. Run `yarn run watch` to run the compiler.
5. Include CSS/JS assets.
<link rel="stylesheet" href="{{ mix('dist/css/app.css') }}" />
<script src="{{ mix('dist/js/app.js') }}"></script>
Unfortunately, we have no plans to use Jetstream in a future update.
This item was featured on ThemeForest
Elite Author
Contact the Envato Market Help Team
