444 comments found.
Hi will you have version for ReactJS?
Hi dzimukairu,
Unfortunately, we still don’t have plan to release react version.
Hi, just have few questions.
1. What is the difference between Compiled, Source folders? 2. How to locally run the theme? thank you
It’s actually the same, as you know Tailwind requires Postcss to compile the css code. The compiled version is the compiled version whereas the source version is the uncompiled code.
Since you are using the HTML version, you only need to install the dependencies, the steps can be found in the documentation.
Hi, do you have a guide in order to import this template in a nextjs project?
Hi,
Thank you for reaching out to us,
Unfortunately, we don’t have a guide for integrating the template into specific frameworks as they are not included in the support.
Best regards, Left4code Team
HI Nice work my question is how will i connect the template with my PHPmyAdmin and is there any guid for that ?
Hi muhahmed0145,
Sorry for the late reply,
Can you give more details about the integration? Unfortunately, We don’t have a tutorial for integrating this template into a specific framework.
Best regards, Left4code Team
is it possible to have the menus pop out from the left out instead from the top
is it possible to have the menus pop out from the left out instead from the top
please reply asap
Hi Jackrich90,
Thank you for reaching out to us,
Unfortunately, this is currently not possible.
Best regards, Left4code Team
Hey Left4code,
can you replace in the future updates the usage of feather-icons just with the standard fontawesome? Feather-icons didn’t release a new update in 2 years and seems a bit stale. Additionally their source code is an unprofessional mess and hard to work with.
Hi denym_,
Thank you for reaching out to us,
We may update the icon librray to Lucide icon as a fork from Feather icon in the next version of Midone.
Best regards, Left4code team
Ah lovely, didn’t know about the community fork. This looks already way better. Fontawesome I can anytime add myself. Thanks and Best
You’re very welcome.. 
Hi, Greetings!
I am using the Icewall template. I have seven side menu items and very small content on the content page. Unfortunately, the page is still showing a vertical scroll bar.
Please help me remove the unwanted scroll. Is there a size that I can modify to make it work? Any help would be greatly appreciated.
Hi Anshuman,
Thank you for reaching out to us,
Please open this file ”/src/css/components/_content.css” and remove min-height property from ”.content” class. https://prnt.sc/26q1efvHope this helps.
Hey Left4code,
didn’t have time to check the source code of your lovely designed theme. Are the 3 themes tinker, icewall and rubick interchangeable and have the same html source?
best regards denym_
Hi denym_,
Thank you for reaching out to us,
Yes, every theme has the same pages/components except the layout section, you can use the same components in all themes.
Hope this helps.
Best regards, Left4code Team
Hi,
I noticed, I couldn’t add `onClick` event on any account menu, could it be preventing it from some other code?
```- Robert De Niro DevOps Engineer
- <button onClick={handleLogout} type=”button” className=”dropdown-item block w-full cursor-pointer hover:bg-white/5” > {” “} {” “} Logout{” “} </button>
As soon as I move this, button outside this `dropdown-menu`, it starts to work.
Hi inquisitive-stha,
Thank you for reaching out to us,
Just tried to give onclick event to the dropdown item, seems like we can’t reproduce the issue.
https://prnt.sc/26q1ub3Can you send a step-by-step to reproduce the issue?
Hello Guys,
I just try to use the tailwindUI modal with alpine js. But seems like it’s not working as it’s. can’t we use Tailwind UI modals + alpine JS with the ice-wall template?
I found the issue. we have to modify z index . now issues are fixed.
Hi pramudithalathindu,
Glad to hear that, let me know if you still have any questions..
Hi,
I have seen a lot of third-party packages, if I want to get rid of some packages, how could I do this?
1) Could you please explain, or is there any documentation on which packages are minimally required to get started. 2) If I want to get rid of some packages what are the steps or from where should I remove the code.
Like:
- remove from package.json - comment CSS from 3rd party package etc. etc…
Regards, inquisitive-stha
Hi inquisitive-stha,
Thank you for reaching out to us,
We have plans to add this to the documentation. Meanwhile, you can follow these steps to remove the default plugins.
1. Remove plugins. (This is a 3rd party library plugin that you may not use, you can add it back if you need it later.) https://prnt.sc/26mdg9e2. Remove CSS files in ”/src/css/app.css”. https://prnt.sc/26mdjsq
https://prnt.sc/26mdl34
3. Remove CKEditor from “webpack.mix.js”. https://prnt.sc/26mdwb5
4. Remove plugin initialization from “app.js”. https://prnt.sc/26mdmmx
Hope this helps.
Great template! Using Tinker and have it pretty well dialed in for my project. I have a question, I often dynamically load forms (ajax) and components like Tom Select, marked with .tom-select, don’t get initialized automatically. Is there a call in app.js (or somewhere else) I can make to initialize components? Thank you!
Hi mikehauck,
Thank you for your kind words, we wish the best for your project..
Please check ”/src/js/tom-select.js” to see the Tom-select initialization.
If you want to use the plugin outside of app.js, you can attach tom-select globally inside ”/src/js/bootstrap.js”. https://prnt.sc/26kh0mn And initialize the plugin inside ajax callback. https://prnt.sc/26kh2x0Hope this helps.
Is it possible to refund the html or maybe pay the difference for the Vue.js. Apologies for this confusion.
After reading some of the other comments it seems the best solution is for me to purchase the VueJs 3 version and request a return for the HTML only version. I’ve gone ahead and done this, hopefully that’s the best route to take. Apologies again for the mix up.
Hi tschemmel,
We have approved your refund request for HTML version..
is jquery dropped only on Rubick?
Hi inquisitive-stha,
Thank you for reaching out to us,
We dropped jquery/cash-dom in all versions, we replace it with a simple library with an API similar to jquery/cash-dom.
If you want to use jquery you can install via NPM/Yarn.
yarn add jquery
Replace the following line in ”/src/js/bootstrap.js”.
https://prnt.sc/26kgqt5
Hope this helps.
Hi, I’ve just download the template. I’ve followed the setup instructions, after installing dependences, I run ‘yarn run watch’, localhost:3000 window opens but doesn’t load anything. Is this expected? Thank you.
It also seems documentation is still referring to sass, even though that’s been removed. There are paths in the package.json still pointing to resource and public folders that don’t seem to exist anymore. So css wasn’t compiling out of the box, but I got that working now. I saw a few other comments mention the browsersync not serving the localhost:3000. I changed the port to different numbers but it still doesn’t load. I think that might be the only issue I still have right now.
Hi there,
Thank you for reaching out to us,
We apologize for the issue, we just updated the documentation and the package.json path.
The browserSync is actually working as a proxy, so you need a local dev server to use it. To configure it, replace the “proxy” key in webpack.mix.js with your local project url and restart the compiler.
Hope this helps.
Best regards, Left4code Team
Thank you for the fast response, and immediate update. I think I understand the proxy server better now. Much appreciated. Great job on the build, everything looks really clean.
Oops, maybe I took off too soon. I’m not sure I fixed all the css pathing watch and/or mixing issues. As editing any of the _*.css files doesn’t compile the app.css. Is it possible to get an updated package once the configuration has been fixed? Thank you.
Ignore me. The css is fine, I broke it. I’m still curious, is it possible to have access to any future updates/bug fixes of this build? Thank you.
We usually release updates via our NPM packages, so you only need to update packages via NPM/Yarn in case of updates/bug fixes.
By the way, We have approved your refund request for HTML version. Let me know if you have any questions about the vue version.
Thank you
Hi, is the documentation for the new version up to date? since the s part is still there, I’m kinda confused.
Removing sas is very important for our project, thinking about abandoning the use of sass so we can focus only on cs and postcs files with tailwind 3
Another detail, that when trying to study your structure more, I couldn’t find the way you use the imports of your package in the doc
@import ”~@left4code/tw-starter/dist/scss/form-control”
It’s been a while since we configured our project to use your theme, I don’t remember where it was informed in the documentation to use this package
Hi gilvaju,
Thank you for reaching out to us,
Sorry for the late documentation update. We just released now.
We were forced to leave SASS because of a bug (Infinite compile loop) in JIT mode that required using regular CSS and Tailwind CLI as compilers. You can see the details at the following link. https://github.com/tailwindlabs/tailwindcss/issues/4833#issuecomment-875474693In the future we will only use regular CSS without SASS support.
You can find the package we use at the following location: ”/node_modules/@left4code/tw-starter”.
Hope this helps.
Best regards, Left4code Team
How can I use this theme in my react application? Below is a image of what happens when I attempt todo so.
https://imgur.com/JLC9MmGHi Saint4145,
Thank you for reaching out to us,
You may need to configure the “content” section of your “tailwind.config.js” according to your react project. Please check this link. https://tailwindcss.com/docs/content-configurationIm getting an error @apply is not supported within nested at-rules like @include. You can fix this by un-nesting @include.
Hi MyBuddyAndrew,
Thank you for reaching out to us,
Can you send step-by-step to reproduce the issue?
Im importing your theme into a Ruby on Rails application. I get the config setup and import all the css. I get that error in the console.
Hi,
Have you copied the postcss.config.js file?
We use the “tailwindcss/nesting” postcss plugin to write nested cs code. https://tailwindcss.com/docs/using-with-preprocessors#nestingHello, I had some problems in Laravel using Laravel Mix.
ERROR in ./resources/app/assets/sass/app.scss Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can’t find stylesheet to import. ╷ 40 │ @import ‘@left4code/tw-starter/dist/scss/breakpoint’; │ ^^^^^^^^^^^^^^^^^^^^^^^ ╵ missing too:
@import ‘@left4code/tw-starter/dist/scss/accordion’; @import ‘@left4code/tw-starter/dist/scss/alert’; @import ‘@left4code/tw-starter/dist/scss/btn’; @import ‘@left4code/tw-starter/dist/scss/dropdown’; @import ‘@left4code/tw-starter/dist/scss/file’; @import ‘@left4code/tw-starter/dist/scss/form-check’; @import ‘@left4code/tw-starter/dist/scss/form-control’; @import ‘@left4code/tw-starter/dist/scss/form-help’; @import ‘@left4code/tw-starter/dist/scss/form-inline’; @import ‘@left4code/tw-starter/dist/scss/form-label’; @import ‘@left4code/tw-starter/dist/scss/form-select’; @import ‘@left4code/tw-starter/dist/scss/image-fit’; @import ‘@left4code/tw-starter/dist/scss/input-group’; @import ‘@left4code/tw-starter/dist/scss/intro’; @import ‘@left4code/tw-starter/dist/scss/modal’; @import ‘@left4code/tw-starter/dist/scss/pagination’; @import ‘@left4code/tw-starter/dist/scss/progress’; @import ‘@left4code/tw-starter/dist/scss/scrollbar’; @import ‘@left4code/tw-starter/dist/scss/tab’; @import ‘@left4code/tw-starter/dist/scss/table’; @import ‘@left4code/tw-starter/dist/scss/typing-dots’; @import ‘@left4code/tw-starter/dist/scss/zoom-in’; @import ‘@left4code/tw-starter/dist/scss/box’;
Could you help me?
I changed my package.json to ”@left4code/tw-starter”: “^1.1.0” and it’s ok now.
Excellent work, Is there any plan of using tailwind 3?
Hi ahsannajam,
Thank you for reaching out to us,
Yes, we are working on it. Should be released next week..
Best regards, Left4code Team
Hye, your template looks great ! thanks for your job. But it seems there is a bug with sass and laravel mix : when I try to change some code in scss file and run mix watch, webpack compiled successfully but the compiled css is wrong (the front is like broken). No error in console, only a warning : Unknown at rule @apply. node -v 14.15.0 npm -v 6.14.18 yarn -v 1.22.17 Could you please check this bug. Thanks a lot. Magali
Hi MCPWebdesign,
Thank you for reaching out to us,
Can you please update this line to your tailwind.config.js. https://prnt.sc/26bo65mSorry, but your link seems strange ! I see nothing. Which line in the file, please ?
I’ve found it, but I have to remove the JIT mode otherwise webpack watch never stop… css compilation is ok now
Hi MCPWebdesign,
Sorry for the late reply,
We have been examining this issue and doing research for several days. This issue arose due to a bug in Laravel Mix that could not properly read modified assets during the compilation process with TailwindCSS JIT mode.
This issue even appeared several times on GitHub and was not resolved. https://github.com/tailwindlabs/tailwindcss/issues/4833With careful consideration, we finally replaced the CSS compilation process with the Tailwind CLI and used regular CSS & PostCSS instead of SASS in the latest version of Midone.
At the moment, we strongly recommend you to use the latest version of Midone if you want to use JIT Mode.
Best regards, Left4code Team
