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.

Hi! I Recently buy this template, i want to use it in a Angular Project like any HTML template but i can’t, could u help me pls?, It would be nice if you could make a video explaining the installation for all the people who have the same question, thanks.

Hi,

Thank you for reaching out to us,

Integrating with frontend frameworks like angular, vue, or react will be quite time consuming, and this is not included in the support.

However we will answer every question on the integration process. If you are new to Tailwind you may want to take a look at the following documentation. https://tailwindcss.com/docs/guides/angular

Please include more detailed questions so we can help with the issue you are experiencing.

Postcss error and project wont build. Ive tried upgrading the packages and installing and running the packages in their original state as supplied from you and in all cases I get this error:

TypeError: Cannot set property ‘parent’ of undefined at Proxy.removeChild (node_modules/postcss/lib/container.js:219:38) at Rule.remove (node_modules/postcss/lib/node.js:78:19) at processApply node_modules/tailwindcss/lib/lib/expandApplyAtRules.js:427:31) at node_modules/tailwindcss/lib/lib/expandApplyAtRules.js:16:9 at node_modules/tailwindcss/lib/processTailwindFeatures.js:47:50 at plugins (node_modules/tailwindcss/lib/index.js:33:58) at LazyResult.runOnRoot (node_modules/postcss/lib/lazy-result.js:339:16) at LazyResult.runAsync (node_modules/postcss/lib/lazy-result.js:393:26) at async Promise.all (index 0)

I really need this fixing ASAP for my project or I’ll need to use another theme which I don’t wont to, as it seems great! Thanks Dave

Hi dbateson78,

Thank you for reaching out to us,

Sorry, it looks like you are using a different account from your purchase account.

Can you please use your purchase account?

Best regards, Left4code Team

Hello, whenever I use a dismissible alert in Safari, I get this error TypeError: undefined is not an object (evaluating ‘e.path.every’). It’s working with Chrome but not in Safari

Hi wariored,

Thank you for reaching out,

Please renew your support license to report issues and get item support.

Hi there..! i have a challenge’s with my package some of plugin don’t work is there a way to upgrade to laravel

Hi there,

Thank you for reaching out,

Sorry, I didn’t really get what you needed. Do you want to upgrade package to Midone Laravel version or do you want to install Midone HTML into Laravel framework?

hi there…! my package is pure html is anyway i can upgrade it with laravel

hello team, I have bought enigma theme (https://enigma.left4code.com/). I want pure HTML And jQuery based template. but when i checked downloaded folder i found in template you used “laravel-mix”. that is not suitable for our project. Can you help for pure jQuery & HTML Templete (Midone – HTML Admin Dashboard Template)

Hi survemujahid,

Thank you for reaching out,

The `Laravel Mix` package is not part of Laravel, it’s just the bundler we use to compile assets. So you can use it in any application. https://laravel-mix.com/

To integrate into your java application, you can follow the steps in the documentation. https://i.imgur.com/H49iPsH.png

After running the compiler you can import the JS/CSS assets in the `/dist` directory.

I asked for HTML code but I got a download copy of larval mix. because of this i cannot merge this template with my java application

hello, how do I get source js because both directories compiled and source app js are the same, need to reduce the size of app js and remove unused js and data

Hi robiokidenis,

Thank you for reaching out,

Please use the `Source` version, you can find the uncompiled source inside `Source/src` directory.

Thank you

You’re very welcome.. :)

Hello,

I interested to purchase VueJS version of midone but previously I purchased HTML version.

could you offer any discount?

Hi,

Thank you for reaching out,

Yes, please make a purchase for the vue version. Then apply a refund request for the HTML version at the following link.

https://themeforest.net/refund_requests/new

We will process it immediately.

Thanks, I purchased vuejs version and request refund.

Just approved the refund request, thanks.

hello, I’m using the theme to create a project but I’m having two difficulties, the first is in relation to the select box, here I use a class “tom-select w-full” there is a moment that I need to fill this select according to the option of another item, I use axios to get the options and put it in select with the class “tom-select w-full”, however the object keeps crashing the browser, I tried to put the select2 package, but it is giving some problems to do that. The other question is regarding input datepicker, is there a possibility to translate the information? in case I want to put it in Brazilian Portuguese.

Hi there,

Sorry for very late reply,

Looks like you are using quite a lot of data, you might try to load options with ajax. https://tom-select.js.org/examples/remote/#remote-data-examples

For the datepicker translate, you might try to use the `lang` config. https://litepicker.com/docs/options#lang


const picker = new Litepicker({
    ...
    lang: "pt-BR",
});

Hi. I have used the midone Laravel template. However, I find that not all classes in Tailwind css can be used in midone. For example I try to use class margin left 24 where class tailwind is ml-24. There are no changes to my ui and when I inspect the code, there is no ml-24 class in the existing css. There are only a few other left margin classes. Can you explain how I can use the whole Tailwind css class in my project?

Did you make any config changes?

Maybe you can disable JIT mode in “tailwind.config.js” to see the changes. https://i.imgur.com/7RmAz3R.png

My Tailwind css class only working after I added “purge” block in my “tailwind.config.js”. Is this the right way?

Yes that’s the right way, it’s a Tailwind property to specify the directory/file to be monitored by the watcher.

Hello. Great work. I’m trying to use this template with an exiting node js( express + ejx) app. when in try to start the node server with Laravel Mix ( npm run watch && node ./bin/www ) it doesn’t render correctly and can’t figure out where is the issue. Please advice.

Hi asma_said,

Thank you for reaching out,

You may need to register your code path in “tailwind.config.js” so that Tailwind can generate the classes it uses. https://i.imgur.com/3xDbiQx.png

Please check this link for more details. https://tailwindcss.com/docs/content-configuration

Thanks. I had to register the ejs files and views directory and it worked.

You’re welcome.. :)

The components don’t work with laravel livewire, for example, “modal.hide();” stop working when livewire render the page, this happens for all overlay components, there is another way to hide a modal??

Hi Yeyasu,

Thank you for reaching out,

Unfortunately, we have never used Livewire before, can you provide a step-by-step way to reproduce this issue without installing Livewire?

The modal element will be moved to the end of the page on show up, you may have to make sure to hide the modal before any DOM changes to the location of the initial Modal element.

Hi, well, the components works perfectly without Livewire, the problem is the JavaScript associate to the components, I just copy and modify the CSS apart and I did the interactivity with Alpine Js or simple JavaScript, the problem with Livewire is render the page, then this “re-drawed” of the page lose the interactivity of the JS, I don’t know why….

I have purchase the HTML version and i am not expert. Can you tell me about side bar dropdown in rubic variation like what js library do this ?

Sorry to bother, but i did not see that vue package also includes the HTML version and i have purchase the HTML version also by mistake i need refund on that asap

Hi there,

Thank you for reaching out,

Sure, please visit this link to submit a refund request. https://themeforest.net/refund_requests/new

We don’t use any library for side menu dropdown, we build it from scratch. Let me know if you have any question about this.

Hello, are all tailwind classes included with the template? for example i can’t use text-7xl

Hi asma_said,

Yes of course, we are using the latest Tailwind version 3+. Have you run the compiler?

Hi, great template! I’m really happy with my purchase.

I’m integrating icons, and I noticed that the tool icon has no SVG, even in your new release (March 23rd). It would be useful to have it too

Thanks!

Hi gsid,

Sorry for the late reply,

Thanks for your suggestion,

We will try to find the suitable package for it.

Thanks!

hello, How can I change the used font ?

Hi,

Thank you for reaching out,

You can include the font files in ”/src/css/app.css”. Register the font in “tailwind.config.js”.

https://i.imgur.com/js61ie1.png

Change the font name in ”/src/css/components/_global.css”. https://i.imgur.com/rrzqdWm.png

hello, I tried the steps mentioned and it didn’t work :

1- I imported the font from google into ”/src/css/app.css” 2- added it in tailwind.config.js fontFamily: { poppins: [“Poppins”], },

3- changed in ”/src/css/components/_global.css”. body { @apply antialiased overflow-x-hidden pt-3 px-8 font-poppins text-sm text-slate-800; @include media-breakpoint-down(sm) { @apply px-3; }

4- run yarn watch

Hi,

Please check the following steps If you’re using google font.

1. Take all related fonts and copy the font link. https://i.imgur.com/mX5lqNH.png

2. Add to the template head. https://i.imgur.com/TNZSLz4.png

3. Register the font to “tailwind.config.js”. https://i.imgur.com/agmsXro.png

4. Modify ”/src/css/components/_global.css”. https://i.imgur.com/XJAhNxb.png

Let me know if you still have further questions.

Hello

Im getting this error

CssSyntaxError: tailwindcss: /assets/css/_colors.css:4:5: ‘colors.rgb.slate.200’ was found but does not resolve to a string. > 4 | —color-secondary: theme(“colors.rgb.slate.200”); | ^ 5 | —color-success: theme(“colors.rgb.lime.500”); 6 | —color-info: theme(“colors.rgb.cyan.500”);

2 | :root {
3 |     --color-primary: theme("colors.rgb.blue.800");

How can i fix this?

Can you send more details a step-by-step to reproduce this issue?

We just ran a fresh install with the latest Midone HTML version and couldn’t find this issue.

Hi, sorry for late reply. Its a bit complex and with changes i’ve made it worked. So its good. Thanks

Hi,

It sounds good!

Let me know if you still have further questions.. :)

Hello,

How to compile front at Laravel version?

I see that webpack is just copy the _app file to app at the public directory, but how _app file appears here?

... mix.js(“resources/js/app.js”, “public/dist/js”) .js(“resources/js/ckeditor-classic.js”, “public/dist/js”) .js(“resources/js/ckeditor-inline.js”, “public/dist/js”) .js(“resources/js/ckeditor-balloon.js”, “public/dist/js”) .js(“resources/js/ckeditor-balloon-block.js”, “public/dist/js”) .js(“resources/js/ckeditor-document.js”, “public/dist/js”) .css(“public/dist/css/_app.css”, “public/dist/css/app.css”) .options({ processCssUrls: false, }) .copyDirectory(“resources/fonts”, “public/dist/fonts”) .copyDirectory(“resources/images”, “public/dist/images”); ...

Waiting for your answer.

Hi RunAw77,

Thank you for reaching out to us,

The file is compiled with TailwindCLI, the copy command in Mix is ​​only used to generate the manifest file so we can load it with the `mix()` function on the blade.

You can see the compile command in package.json. https://i.imgur.com/LtTBrbL.png

Please check this link for more details. https://tailwindcss.com/docs/installation

Hi Sir Can you please guide me on how to use the template with svelte

ignore this comment i got it working with svelte

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