444 comments found.
Hello I was not able to compile. Already sent you an email. Mine is gonzalo.andrade.moreira@gmail.com
Hey Gonzalo,
Thanks for reaching out. Please extend your item support license to get assistance with the issue you’re experiencing.
Best
Hi, I think you have done a great job with the templates.
I purchased the Midone – Tailwind CSS HTML Admin Dashboard Template and I want to use in Angular, I was expecting to have a empty page with the basic layout and I don’t find it and not sure how to use the template.
I tried to run npm install and probably I am not doing well. Can you please provide some guidance how to use. Thank you in advance. Joel
Hey Joel,
Thanks for reaching out and for the kind words about the templates!
To install the dependencies, just run “npm install” as you did before. Then, to build or compile the assets, you can run “npm run build”.
For development mode, you can run “npm run dev”, which will watch for code changes and regenerate assets automatically if needed.
Hope this helps! Let us know if you need any more assistance.
Best
Thanks, how can I contact you privately?
actually I think what I need is the same as @mo7amedmo2nes comment
Hi,
Thanks for reaching out. Please contact us at leftforcode@gmail.com for further assistance. We’ll be happy to help with your request!
Best
hello i have purchased the theme but i need it with clear html and css if there any way to transfer all files to clear code
Hi there,
Thank you for choosing Midone. We actually recommend building the assets locally on your computer. This way, whenever you make changes to the utility classes, the CSS assets will be regenerated automatically.
However, if you still require a version with precompiled assets, please reach out to us at leftforcode@gmail.com.
Best regards
thanks for your respond i have sent the email please review it
Hi,
We replied to your request via email a few days ago. Please check your inbox. Thanks!
All pages are blank white
Hi there,
I appreciate your message, and I’m here to help you get started with the template. It seems like there might be some confusion about how to use it effectively. Let me provide you with some guidance:
Understanding Tailwind CSS Compilation:
1. Dynamic Utility Classes: The template you purchased is designed using Tailwind CSS, a utility-first CSS framework. Tailwind relies on dynamic utility classes to style elements. This approach offers flexibility and customization without the need for writing custom CSS.
2. Build Process: Unlike traditional CSS frameworks, Tailwind doesn’t include a precompiled CSS file in the source code. Instead, it utilizes a build process to generate the final CSS file. This process ensures that only the necessary styles are included based on the utility classes used in your HTML.
Getting Started:
1. Install Dependencies: Make sure you have Node.js and npm installed on your machine. These are required for managing project dependencies.
2. Navigate to Project Directory: Open a terminal or command prompt and navigate to the directory where you have the template files.
3. Install Node Modules: Run npm install to install the project-specific dependencies, including Tailwind CSS.
4. Run Build Command: Execute the build command to compile the Tailwind CSS. The command might look something like:
yarn run build
This command processes your stylesheets, applies the utility classes, and outputs the final CSS file.
5. Development Mode (Optional): If you’re making changes to the template, you can use a watch command that automatically recompiles the CSS when changes are detected:
yarn run dev
Locating Assets:
After running the build command, look for the compiled CSS and JS files in the project directory. Update your HTML files to reference these files. The specific paths may vary based on your project structure.
If you have any specific questions or encounter issues at any step, feel free to reach out. I’m here to assist you in getting the most out of the template.
Best regards
All html pages are blank white
Hi, html files don’t work. Can you send clean html files?
Hi there,
Sure! Please provide your email address so that we can send you the compiled version of the clean HTML files.
I send
File sent, thanks!
Lots of tailwind classes are missing in my aap.css of source I want to use some other classes but they are not in my file. How to fix that…
Hi there,
Thanks for reaching out. Actually, those classes aren’t just sitting there in the CSS file waiting to be used. They’re generated on the fly when you compile your code with Tailwind.
To get those classes to show up, make sure you’re running the Tailwind compiler. Once it’s up and running, it’ll generate all the classes you need based on your code and Tailwind configuration.
Please check this link for more details.
https://tailwindcss.com/docs/upgrade-guide#migrating-to-the-jit-engineIf you need a hand setting up the compiler, just give me a shout. Happy to help!
Best regards
Hello. I purchased a design earlier and am currently in the development phase. However, it seems that the app.js provided in the design is not being applied correctly. It appears to be inconsistently applied every time the browser refreshes.
Currently, when fetching OPTIONS for TOM-SELECT from the database, they do not appear in the SELECT list. While it works fine when statically creating OPTIONS, dynamically using DB data does not display the options. I would like to inquire about TOM-SELECT.
Hi there,
Thanks for reaching out. It sounds like the issue might be caused by the plugin being initialized before your AJAX request to generate the options is completed. To fix this, you’ll need to ensure that the plugin initialization is placed after your AJAX callback.
Please take a look at the file related to this issue: ”/src/js/components/base/tom-select.js”. You may need to adjust the code so that the plugin initialization occurs after the AJAX callback is executed.
Let me know if you need further assistance or clarification.
Best regards
After installing I get this message:
$ yarn install
yarn install v1.22.21
info Lock file not found.
[1/4] Removing packages…
[2/4] Downloading packages…
Warning chart.js@4.4.1: Engine “pnpm” appears to be invalid.
[3/4] Merging dependencies…
warning ” > deanc/<redpre#1>” has an invalid dependency “esbuild^0.8.32”.
[4/4] Building new packages…
success Lock file saved.
Completed in 54.22 seconds.
> yarn run dev does not start the server (http://localhost:5173/) and is only seen:
—-—-—-—-—-—-—-—-—-—-—-—-—--
| WAITING FOR CHANGES TO FILES… |
> yarn run build
does not compile my output file (html pages) in the “dist” directory. There are only the following directories in the “dist” directory: css, images. js. json.
Hello there,
Thank you for reaching out. I appreciate your patience and understanding. It appears there has been a recent update to our codebase. We’ve transitioned to using `yarn run dev` instead of `yarn run watch` due to the implementation of the new bundler, ESbuild. This change might not have been clearly communicated in our documentation, leading to confusion.
Rest assured, we’ve addressed this issue and released an update to rectify any misleading information. Moving forward, you can utilize yarn run dev to achieve the desired functionality previously associated with `yarn run watch`. If you have any further questions or concerns, please don’t hesitate to let us know. We’re here to help.
Should I wait for the update?
Hey there,
No need to wait for an update!
You can go ahead and use the current version of the template with the `yarn run dev` command. You don’t have to re-download the project. We’ve already updated the documentation to reflect this command, so you’re good to go!
If you have any other questions or need further assistance, feel free to let me know. I’m here to help!
Best regards
No “watch” mode is not a problem. “dev” mode was enough for me. I just informed.
I have a big problem with this (I wrote about it): > yarn run build
does not compile my output file (html page) in the “dist” directory. There are only the following directories in the “dist” directory: css, images. js. json.
Hey there,
Thanks for bringing this to our attention, and I’m sorry for any confusion it may have caused. It seems there’s a misunderstanding about how ESbuild works compared to other bundlers like Vite.
Unlike Vite, which also compiles HTML code and adjusts external asset paths, ESbuild primarily focuses on compiling CSS and JavaScript code. This means that the HTML code, located in the root directory of your project, can be used directly without needing to compile it separately.
I hope this clears things up!
Best regards
OK, it actually works, but I had to change all the paths from: href=”/dist/css/... src=”/dist/js/... to: href=”./dist/css/... src=”./dist/js/...
Is this how it should be?
Hey,
Thanks for letting us know about this. It’s not typical for paths to need adjustments like that, so it sounds like something might be off. It could be related to how the HTML file is being accessed, especially if it’s accessed without a web server.
I’ll loop in our developer team to dig into this and figure out the best fix. We’re always working to improve things, and we’ll make sure to address this in the next patch.
If you have any other questions or run into more bumps along the way, feel free to reach out. We’re here to help you through it!
Best regards
Thank you. Without changing this path the file
http://127.0.0.1/midoen/Source/index.htmldoesn’t work.
If anything is clarified I would be grateful for information.
Hey,
So, using subdirectories on a web server, like in your case with “http://127.0.0.1/midoen/Source/”, might not fly as smoothly because we tend to add a ”/” to each external asset called from within the HTML file by default. Our dev team rolls with a virtual domain setup like “http://tailwise-html.test/index.html”, so this issue didn’t pop up earlier.
But hey, good news! We’ve dropped an update to remove the ”/” from all loaded assets, and we’ve also ditched ‘type=”module”’ from the JS asset loading tag, which was gumming up the works for drag-and-drop opening in the browser.
https://stackoverflow.com/questions/52919331/access-to-script-at-from-origin-null-has-been-blocked-by-cors-policyNow, you should be able to open the file directly in the browser (via drag-and-drop) without using a web server. Just grab the latest update by downloading the template files again.
Best regards
I confirm, everything works. Thank you. 
Great to hear that everything is working well for you! If you have any more questions or need further assistance in the future, feel free to reach out. Have a fantastic day!
Enigma is really nice but is there a version ( or a version in the make ) where the top menu is in the blue bar and not below it.
Hey there,
Thanks for your interest in Enigma! I appreciate you reaching out with your question. Currently, we don’t have a version of Enigma where the top menu is placed within the blue bar instead of below it. It’s a great suggestion though, and I’ll make sure to pass it along to our development team for consideration.
We’re always looking for ways to improve our themes based on feedback from customers like you. If you have any other questions or if there’s anything else I can assist you with as you consider purchasing the template, feel free to let me know. I’m here to help!
Best regards
Please send me the proper working HTML files for this template. I purchased the HTML version for this reason so I don’t need to install yarn or multiple installers. Your sales page is misleading, does not mention anything like this.
thank you
Hi there,
I appreciate your message, and I’m here to help you get started with the template. It seems like there might be some confusion about how to use it effectively. Let me provide you with some guidance:
Understanding Tailwind CSS Compilation:
1. Dynamic Utility Classes: The template you purchased is designed using Tailwind CSS, a utility-first CSS framework. Tailwind relies on dynamic utility classes to style elements. This approach offers flexibility and customization without the need for writing custom CSS.
2. Build Process: Unlike traditional CSS frameworks, Tailwind doesn’t include a precompiled CSS file in the source code. Instead, it utilizes a build process to generate the final CSS file. This process ensures that only the necessary styles are included based on the utility classes used in your HTML.
Getting Started:
1. Install Dependencies: Make sure you have Node.js and npm installed on your machine. These are required for managing project dependencies.
2. Navigate to Project Directory: Open a terminal or command prompt and navigate to the directory where you have the template files.
3. Install Node Modules: Run npm install to install the project-specific dependencies, including Tailwind CSS.
4. Run Build Command: Execute the build command to compile the Tailwind CSS. The command might look something like:
yarn run build
This command processes your stylesheets, applies the utility classes, and outputs the final CSS file.
5. Development Mode (Optional): If you’re making changes to the template, you can use a watch command that automatically recompiles the CSS when changes are detected:
yarn run dev
Locating Assets:
After running the build command, look for the compiled CSS and JS files in the project directory. Update your HTML files to reference these files. The specific paths may vary based on your project structure.
If you have any specific questions or encounter issues at any step, feel free to reach out. I’m here to assist you in getting the most out of the template.
Best regards
Hello, unfortunately, the purchase of this template is impossible for me due to technical reasons on my server. I had not noticed this before buying. Is it possible to proceed with a refund?
Hi there,
Thank you for reaching out to us,
You can apply a refund as long as the item has not been downloaded. Please visit this link to submit the refund request.
https://themeforest.net/refund_requests/newHope this helps.
I buyed it but this is not working every HTML file is corrupted e version html and jquery ?
Hi,
The CSS template file won’t be available unless you run the compiler because Tailwind needs to scan the required classes on each page to generate the necessary utility classes.
If you have completed your development mode, you can execute the command `yarn run build` to generate the CSS file suitable for production. The resulting build file will be located in the `/dist` directory. You can transfer all the build files to your hosting server or local machine for execution. Make sure not to place them in a subdirectory since the default asset loaded is the static path.
Feel free to check out the following video for a more comprehensive demonstration.
https://youtu.be/BEis9ssW6PII buyed it on 5 Jan 2024 but this is not working every HTML file is corrupted
Hi,
To assist you better, could you please provide more details about the specific problems you’re encountering?
This is not working please check what is the issue even the CSS is not working on local
Hello there!
We’ve just rolled out the latest version with Vite. Could you kindly let us know if you are currently using the Laravel Mix version?
need invoker theme
Hi,
Yes, a new theme, “Invoker,” is in the pipeline and will be released soon. Stay tuned for updates, and thank you for your interest!
If you have any more questions or if there’s anything else we can help you with, feel free to let us know.
Best regards.
Hello I got a new message from you that you updated Enigma. I bought this template around 4 months ago and i have a l license but when i download the template it doesn’t work! How can i get it?
Hi,
Could you provide more detailed information on why you’re unable to download the file? This will help us better understand and assist you in resolving the issue.
Thank you for your cooperation!
I am trying to integrate your “https://themeforest.net/item/midone-jquery-tailwindcss-html-admin-template/26366820#” this template in my node js (ejs) but my css is not working in any page can you help me with that?
Hi,
Integration with specific frameworks or languages is not within our direct support scope. However, we can provide references to assist you. Ensure that the content configuration in your tailwind.config.js matches your project directory so that the Tailwind compiler can recognize the class names used in your project.
If you have further questions or need additional guidance, feel free to ask.
Best regards.
Is this template working completely without jQuery?
Hi,
Thank you for reaching out to us,
Yes, this template is designed to work completely without jQuery. It utilizes modern web standards and native JavaScript to ensure compatibility with a wide range of environments and reduces dependencies on external libraries. If you have any specific concerns or questions regarding the template’s functionality, feel free to let us know, and we’ll be happy to assist!
Hello. I want use your template for my website. But I have a problem. app.js size is more 7 mb. Is very large for website. How I can include only “tab” && “dropdown” js without webpack? Maybe with CDN? or local files?
I try include Tailwind CSS via <script src=”https://cdn.tailwindcss.com”></script> – but not working .
Hi,
Thank you for contacting us. In the previous version (using Laravel Mix), all JS assets were imported in “app.js,” so you needed to configure it manually to separate JS files needed for each page. We have just released the latest version with Vite.
In this latest version, we have separated each JS file for 3rd party libraries, plugin initialization, pages, and more, resulting in smaller JS file sizes for each page.