Discussion on Midone - Tailwind 4+ HTML Admin Dashboard Template

Discussion on Midone - Tailwind 4+ HTML Admin Dashboard Template

Cart 2,270 sales
Well Documented

Left4code supports this item

Supported

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

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

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-engine

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

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-policy

Now, 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/new

Hope 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/BEis9ssW6PI

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

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