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

bcb05e81-33e1-41eb-a0f0-985fa62139cd – 27 Jun 2023

please my developer asked to purchase this template after completing the transaction he is telling me its its react version he wanted. i checked well and see react version is 29 here not the price I paid. is there a way i can pay the balance and get the react version?

I just purchased the react + html version now. can I at least get refund for this html version.?

Hello, Im getting this error when try to run watch

CssSyntaxError: postcss-advanced-variables: /var/www/html/assets/backend/css/components/_litepicker.css:6:14: Could not resolve the mixin for “media-breakpoint-down” > 6 | @include media-breakpoint-down(lg) { | ^ 7 | width: 310px; 8 | }

4 |     margin-top: 7px;
5 |     box-shadow: 0px 3px 20px #00000014;

Hi there,

I’m sorry to hear that you’re experiencing an error with the watch command. To better assist you, could you please provide us with step-by-step details on how to reproduce the issue? This will help us understand the problem and provide you with an accurate solution. Additionally, if possible, please share any relevant code snippets or configurations related to the error.

We’re here to help and look forward to resolving this issue for you!

Best regards

Hello, We are facing some issues. we need Raw CSS file. we are having some issues to compile.

Hello,

Thank you for reaching out to us regarding the issues you are facing. We apologize for any inconvenience caused and we are here to assist you.

In regard to your request for the raw CSS file, we would like to explain that our template utilizes Tailwind CSS with JIT (Just-In-Time) mode. Tailwind CSS JIT is a feature that dynamically generates optimized CSS on-demand, reducing the overall file size and compilation time.

With Tailwind CSS JIT, you no longer need to manually compile the CSS file as it is done automatically during the build process. The CSS classes are generated on-the-fly based on your usage of the template, resulting in a smaller and more optimized final CSS file.

If you are experiencing difficulties compiling the template, please ensure you have followed the setup instructions in the documentation. If the issue persists, please provide us with more details about the specific problems you are encountering, and we will be happy to assist you further.

Thank you for your understanding and cooperation.

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