Discussion on Midone - Tailwind 4+ HTML Admin Dashboard Template

Discussion on Midone - Tailwind 4+ HTML Admin Dashboard Template

Cart 2,292 sales
Well Documented

Left4code supports this item

Supported

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

447 comments found.

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.

Hello,

I have a problem with your template.

i build web but there is an issue with app.js in my case.

my menu have link with # that i load diferent pages into the content div when user press in menu.

app.js is only loaded on the first time and then when i load a diferent content in the content div using jquery or others , it does not reconique lucide icons, don’t transform the upload box …

I would like to execute back the fonctions from app.js who do this job once the page and content updated.

How can i do ?

THank you

Hi gthgame,

I sincerely apologize for the delayed response, and I appreciate your understanding.

It seems like the issue you’re facing is related to the initialization of Lucide icons after loading new content dynamically. To address this, you can reinitialize the Lucide icons plugin after updating the content. Here’s an example code snippet that you can use:


lucide.createIcons({
        icons,
        "stroke-width": 1.5,
        nameAttr: "data-lucide",
    });

You can include this code snippet after loading new content. The default Lucide initialization file is located at:


/src/js/lucide.js

Feel free to adjust the code based on your specific requirements.

If you have any further questions or encounter any issues, please let me know, and I’ll be happy to assist you.

Thank you for your patience and cooperation.

Best regards, Left4code

it’s no working Uncaught ReferenceError: icons is not defined

I have same problem with dropzone element i need replace the default dropdown after an ajax load ‘file’.php and replace the content with the .php loaded.

Hi,

Thank you for your response.

Please make sure to place the initialization code after “app.js”. Please check the following example.

Hope this helps.

Purchase code-683ac82c-0ce3-4d06-99d3-07b5413b2cad Midone Theme Hi. The theme loads slow and stops responding sometimes while loading. Any suggestion as to what could be the re4ason for the same?

Hi,

I sincerely apologize for the delayed response, and I appreciate your understanding.

Regarding the issue with the slow loading and unresponsiveness of the Midone Theme, I would like to gather more details to provide a more accurate solution. Could you please provide additional information, such as which specific pages or sections are experiencing the slow loading? Additionally, are there any specific plugins or features that might contribute to this issue?

With more details, I’ll be better equipped to analyze and suggest possible solutions to enhance the theme’s performance.

Thank you for your patience, and I look forward to assisting you further.

Best regards

Hello. I am a new user. I used it for the first time. I don’t know how I can use this template for my upcoming project. Can you give me an instruction manual? Thank you.

Hi,

I sincerely apologize for the delayed response. Welcome, and thank you for choosing our template for your project. To guide you through the usage of our template, we have included documentation in the zip file you downloaded. Please refer to the documentation as your initial step in exploring and utilizing the features of our template.

If you have any specific questions or encounter difficulties while using the template, feel free to ask for assistance. We are here to support you in making your project a success.

Thank you for your understanding, and best of luck with your upcoming project.

Warm regards

Hi . After the new Google update. By moving the mouse on the pages. The contents of the pages are messed up and the display is incomplete.

why didn’t you reply .. I emailed several times.

Hi,

I sincerely apologize for the inconvenience you’re experiencing. It seems that the issue is related to the Google Maps plugin, which adds an overlay to the page when there is no valid API key provided. To resolve this, you can either add a valid Google Maps API key or remove the Google Maps plugin if you are not using it.

If you need assistance with adding an API key or any further clarification, please let me know. I’m here to help.

Thank you for your understanding.

Best regards

Hello, I have problem I try to render FullCalendar but not see source is only compiled in app.js example … .var StandardEvent = /** @class */ (function (_super) { (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(StandardEvent, _super); function StandardEvent() { return _super !== null && _super.apply(this, arguments) || this; } StandardEvent.prototype.render = function () { var _a = this, props = _a.props, context = _a.context; var seg = props.seg; var timeFormat = context.options.eventTimeFormat || props.defaultTimeFormat; var timeText = buildSegTimeText(seg, timeFormat, context, props.defaultDisplayEventTime, props.defaultDisplayEventEnd); return ((0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(EventRoot, { seg: seg, timeText: timeText, disableDragging: props.disableDragging, disableResizing: props.disableResizing, defaultContent: props.defaultContent || renderInnerContent$1, isDragging: props.isDragging, isResizing: props.isResizing, isDateSelecting: props.isDateSelecting, isSelected: props.isSelected, isPast: props.isPast, isFuture: props.isFuture, isToday: props.isToday }, function (rootElRef, classNames, innerElRef, innerContent, hookProps) { return ((0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(“a”, (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({ className: props.extraClassNames.concat(classNames).join(’ ‘), style: { borderColor: hookProps.borderColor, backgroundColor: hookProps.backgroundColor, }, ref: rootElRef }, getSegAnchorAttrs(seg, context)), (0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(“div”, { className: “fc-event-main”, ref: innerElRef, style: { color: hookProps.textColor } }, innerContent), hookProps.isStartResizable && (0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(“div”, { className: “fc-event-resizer fc-event-resizer-start” }), hookProps.isEndResizable && (0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(“div”, { className: “fc-event-resizer fc-event-resizer-end” }))); })); }; return StandardEvent; }(BaseComponent)); function renderInnerContent$1(innerProps) { return ((0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(“div”, { className: “fc-event-main-frame” }, innerProps.timeText && ((0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(“div”, { className: “fc-event-time” }, innerProps.timeText)), (0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(“div”, { className: “fc-event-title-container” }, (0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(“div”, { className: “fc-event-title fc-sticky” }, innerProps.event.title || (0,vdom_js__WEBPACK_IMPORTED_MODULE_1_.createElement)(vdom_js__WEBPACK_IMPORTED_MODULE_1_.Fragment, null, ”\u00A0”)))));[/CODE] } how to get this to compile on my custom code?

Hi,

I sincerely apologize for the delayed response, and I appreciate your understanding.

To modify the initialization code of FullCalendar, please access the file located at ”/src/js/calendar.js.”

It seems there might be some confusion about the JS assets requiring a compilation process. To clarify, you need to use the compiled and minified version of the JS file. Please be informed and make the necessary adjustments in your code accordingly.

If you have further questions or need additional assistance, feel free to ask. Once again, I apologize for any inconvenience, and thank you for your patience.

Best regards

Any plan to add new widget and js plugin ? and maybe complete missing part of template for example email ..

Hi,

As of now, we don’t have immediate plans to introduce new widgets or JS plugins. If you have specific features in mind or any other suggestions, feel free to share them—we’re always open to user input.

Let us know if there’s anything else you’d like assistance with!

Any plan to support svelte kit in the upcoming release?

Hi,

I appreciate your inquiry, and I apologize for the delayed response.

At the moment, we do not have plans to support SvelteKit in the upcoming releases. However, your feedback is valuable to us, and we’ll certainly consider it for future development.

If you have any other questions or if there’s anything else I can assist you with, feel free to let me know.

Thank you for your understanding.

Best regards

Any plan to support svelte kit?

Hi,

I appreciate your inquiry, and I apologize for the delayed response.

At the moment, we do not have plans to support SvelteKit in the upcoming releases. However, your feedback is valuable to us, and we’ll certainly consider it for future development.

If you have any other questions or if there’s anything else I can assist you with, feel free to let me know.

Thank you for your understanding.

Best regards

Any plan to support svelte kit?

Hi,

I appreciate your inquiry, and I apologize for the delayed response.

At the moment, we do not have plans to support SvelteKit in the upcoming releases. However, your feedback is valuable to us, and we’ll certainly consider it for future development.

If you have any other questions or if there’s anything else I can assist you with, feel free to let me know.

Thank you for your understanding.

Best regards

Hello, I only have a situation with the template.

I use dynamic paging and only load between 35 and 50 records per request.

What I need is to render that part of the html when I fetch the data via ajax, they can fetch icons or a js event, etc.

Purchase codes: a9f25e73-3730-426a-9b67-7cb98cf94aca

Hi,

I sincerely apologize for the delayed response. I understand you’re experiencing an issue with the template. To better assist you, could you please provide more details or clarify the specific problem you’re facing? This will help me provide you with a more accurate and helpful solution.

Thank you for your understanding, and I look forward to assisting you further.

Best regards

I have a question for you, when I buy this template, which are these files I will have? Does it contains layout file in separate? or html file for each page?

Hi,

I deeply apologize for the delayed response. When you purchase this template, you will receive HTML files. The template doesn’t use any specific templating language, so there are no separate layout files for each page version.

If you have any further questions or need additional clarification, please feel free to ask. Thank you for your understanding.

Best regards,

Hi i buy this product yesterday and I am integrating this in MVC Core, I use the same steps mentioned in documentation Yar work fine run all command mentioned there. but when I start adding template in my view I didn’t get any thing styled as shown in template, and error in Console.

GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/mixins/_media.css [HTTP/2 404 Not Found 82ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_alert.css [HTTP/2 404 Not Found 80ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_accordion.css [HTTP/2 404 Not Found 81ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_breadcrumb.css [HTTP/2 404 Not Found 81ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_btn.css [HTTP/2 404 Not Found 79ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_dropdown.css [HTTP/2 404 Not Found 79ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_form-check.css [HTTP/2 404 Not Found 144ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_form-reset.css [HTTP/2 404 Not Found 144ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_file.css [HTTP/2 404 Not Found 144ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_form-control.css [HTTP/2 404 Not Found 141ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_form-help.css [HTTP/2 404 Not Found 140ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_form-inline.css [HTTP/2 404 Not Found 140ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_form-label.css [HTTP/2 404 Not Found 140ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_form-select.css [HTTP/2 404 Not Found 139ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_image-fit.css [HTTP/2 404 Not Found 137ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_input-group.css [HTTP/2 404 Not Found 136ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_intro.css [HTTP/2 404 Not Found 134ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_modal.css [HTTP/2 404 Not Found 133ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_pagination.css [HTTP/2 404 Not Found 129ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_progress.css [HTTP/2 404 Not Found 128ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_scrollbar.css [HTTP/2 404 Not Found 123ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_tab.css [HTTP/2 404 Not Found 120ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_table.css [HTTP/2 404 Not Found 118ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_typing-dots.css [HTTP/2 404 Not Found 114ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_zoom-in.css [HTTP/2 404 Not Found 110ms] GET https://localhost:7203/src/css/@left4code/tw-starter/dist/css/_box.css [HTTP/2 404 Not Found 107ms] GET https://localhost:7203/src/css/highlight.js/styles/github.css [HTTP/2 404 Not Found 104ms] GET https://localhost:7203/src/css/tippy.js/dist/tippy.css [HTTP/2 404 Not Found 101ms] GET https://localhost:7203/src/css/tippy.js/themes/light.css [HTTP/2 404 Not Found 100ms] GET https://localhost:7203/src/css/tippy.js/dist/svg-arrow.css [HTTP/2 404 Not Found 99ms] GET https://localhost:7203/src/css/tippy.js/animations/shift-away.css [HTTP/2 404 Not Found 98ms] GET https://localhost:7203/src/css/toastify-js/src/toastify.css [HTTP/2 404 Not Found 126ms] GET https://localhost:7203/src/css/dropzone/dist/dropzone.css [HTTP/2 404 Not Found 166ms] GET https://localhost:7203/src/css/zoom-vanilla.js/dist/zoom.css [HTTP/2 404 Not Found 165ms] GET https://localhost:7203/src/css/tabulator-tables/dist/css/tabulator.css [HTTP/2 404 Not Found 167ms] GET https://localhost:7203/src/css/tom-select/dist/css/tom-select.css [HTTP/2 404 Not Found 170ms] GET https://localhost:7203/src/css/tiny-slider/dist/tiny-slider.css [HTTP/2 404 Not Found 169ms] GET https://localhost:7203/src/css/simplebar/src/simplebar.css

Hi,

I sincerely apologize for the inconvenience you’re facing. Thank you for bringing this to my attention.

After compiling, please make sure to import the compiled CSS file into your project. You can find the file at the following path: ”/dist/css/app.css”. This should resolve the styling issues and any console errors you’re encountering.

If the issue persists or if you have any further questions, feel free to ask for assistance.

Thank you for your understanding.

Best regards

Hello, you didn’t find the Kanban feature in midone, does it have it? If not, will any update be made that this function will exist?

Hi,

I appreciate your inquiry. I apologize for any confusion. Currently, Midone does not include a Kanban feature. However, we value your feedback, and I assure you that your request has been noted. We are actively working on updates, and your suggestion will be considered for future releases.

Thank you for your understanding and patience.

Best regards

Hello thanks for this amazing template, its very good,

I use to change css files but this time i don’t really know where to change css to define a new color template. i have tried but nothing happened …

Can u please tell me exactly which files to edit to see color change in the entire pages of template ? for example, how to change green dark color of the template by red dark color.

Regards

Hi,

I appreciate your kind words about the template, and I’m glad you find it amazing. I apologize for the delay in my response.

To change the color template, you can modify the Tailwind CSS configuration file. Please locate the “tailwind.config.js” file in your project, and within this file, you should find the color definitions. Look for the specific color you want to change (in this case, the green dark color), and update it to your desired red dark color.

After making the changes, you might need to recompile your assets (if applicable) and refresh your application to see the color changes take effect.

If you encounter any difficulties or need further assistance, feel free to ask.

Best regards

Can you please help us

Hi aniyanetworks,

Sure, we’d be happy to assist you. Could you please provide us with more details about the issue you’re facing? This will help us better understand the situation and provide you with an appropriate solution. Feel free to explain the problem or any specific issues you’re encountering, and we’ll do our best to assist you further.

Hi again, I cant use lucide icons when i load my page async with ajax. How can i re-render lucide icons after page load?

Thank you.

Hi there,

Thank you for reaching out! To ensure that Lucide icons are properly rendered after dynamically loading content via AJAX, you can follow these steps:

1. Make sure Lucide is installed as a dependency in your project.
2. After the AJAX content is loaded and added to the DOM, you can call the `createIcons` function provided by Lucide. This function allows you to re-render the icons within the newly loaded content. Here’s an example:


import { createIcons, icons } from "lucide";

(function () {
    "use strict";

    // Assuming you have a button or event triggering the AJAX request
    const loadContentButton = document.getElementById('loadContentButton');
    const contentContainer = document.getElementById('contentContainer');

    loadContentButton.addEventListener('click', () => {
    // Perform AJAX request
    fetch('your-api-endpoint')
        .then(response => response.text())
        .then(data => {
        // Update the content container with the received data
        contentContainer.innerHTML = data;

        // Call createIcons to render Lucide icons within the newly loaded content
        createIcons({
            icons,
            "stroke-width": 1.5,
            nameAttr: "data-lucide",
        });
        })
        .catch(error => {
        // Handle error
        console.error('Error:', error);
        });
    });
})();

By doing this, Lucide will scan the ajaxContent element and correctly render any Lucide icons within it.

If you have any further questions or encounter any issues, please feel free to ask. We’re here to help!

Best regards, Left4code Team

Hello, I bought this theme and i want to integrate it into my Laravel project but it is not working, I need your help.

Hello,

Thank you for reaching out to us. We’re sorry to hear that you’re experiencing difficulties integrating the theme into your Laravel project. We’re here to help you resolve the issue.

To better assist you, could you please provide us with more details about the specific problems you’re encountering? It would be helpful to know the steps you’ve taken so far, any error messages you’re receiving, and any relevant code snippets or configurations you’ve implemented.

With this information, we’ll be able to provide you with more accurate guidance and troubleshooting steps to help you successfully integrate the theme into your Laravel project.

We’re committed to ensuring your satisfaction with our theme, and we’ll do our best to assist you throughout the integration process. We appreciate your patience and cooperation.

Looking forward to hearing from you.

Best regards, Left4code Team

after a purchase this item (Midone – HTML Admin Dashboard Template) i got LICENSE.txx ,and where is the file that i should put my Item Purchase Code in ?

Hello,

Thank you for purchasing the Midone – HTML Admin Dashboard Template. We apologize for any confusion regarding the location to input your Item Purchase Code.

In the case of the HTML version, you don’t need to input your Item Purchase Code anywhere. The Item Purchase Code is typically required for themes or templates that have server-side components or require activation. However, since the HTML version is a static template, there is no need for activation or entering the Item Purchase Code.

You can simply use the template files as they are in your project without any additional steps. If you have any other questions or need further assistance, please feel free to reach out to us.

Thank you for choosing our template!

Best regards, Left4code Team

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