Discussion on Midone - Tailwind CSS Vuejs 3 Admin Dashboard Template + HTML Version

Discussion on Midone - Tailwind CSS Vuejs 3 Admin Dashboard Template + HTML Version

Cart 2,366 sales
Well Documented

Left4code supports this item

Supported

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

590 comments found.

Love the theme, but I’m getting an error: Please import the top-level fullcalendar lib before attempting to import a plugin in console. How do I solve this?

It’s a different component, you can check the calendar component here.

https://rubick-vue.left4code.com/calendar

I actually solved it by adding ‘import ’@fullcalendar/core/vdom’; to the top of ….global-components/index.js :) Thank you for fast support

Glad to help.. :)

Estou com dificuldade de comprar pelo PayPal aqui no Brazil é tudo difícil. Existe algum meio de compra?

Hi,

Thank you for reaching out to us,

Unfortunately, we only sell our themes exclusively on themeforest.

Hello, In src folder you import many css files from left4code like @import ”@left4code/tw-starter/dist/css/_btn.css”

How should I get these files locally? Thanks!

Hi johnpololo,

Thank you for reaching out to us,

You can find these files from `/node_modules/@left4code/*` directory.

How can I connect Vue router 4 to tabulator (using Vue 3)? In the template, there is an “Edit” and “Delete” button, of which I would like to have the “Edit” button go to an edit page.. However, I can’t find a way to do this currently. Is there 1) a way to access the app via vanilla js; 2) hook into the router via vanilla js so that I can manually do router.push?

Thanks!

Chad

Hi,

Thank you for reaching out to us,

You can do something like this. https://imgur.com/kmtd4WP

Hi,

There is no RTL in this template??

Hi,

Unfortunately, we don’t have RTL version.

Hello there! I would need some support with parts of the projects, specifically relevant to the Tabulator. When can we connect to chat?

Hi,

Thank you for reaching out to us,

You can contact us via gmail `leftforcode@gmail.com` and send us the details there.. :)

npm hot are looping, maybe something wrong, can you help me?

Hi there,

Thank you for reaching out to us,

Can you send the error or something we can check? What is your node and npm version?

Hello, npm run hot looping… But using npm run watch it works here, thanks!

Glad it works.. :)

Please don’t hesitate to contact us if you have any further question.

npm hot not working here, can you help me?

Glad it works.. :)

Please don’t hesitate to contact us if you have any further question.

Thanks a lot! How can I use date AND time picker?

Unfortunately, the plugin we use `litepicker` doesn’t support a time picker. So you may need to install another plugin to use the timer picker.

Hi, is there any easy way of “code splitting” this, so as smaller chunks are built

Hi,

Sorry for the late reply,

Please check the following docs. https://router.vuejs.org/guide/advanced/lazy-loading.html

I’m about to finalize the purchase of Midone – Vuejs 3 Admin Dashboard Template + HTML Version

What is the procedure for extended licensing after purchase on envatomarket (themeforest)?

what is the best license for my application considering that we are only going to sell user licenses and not new installations;

I’m waiting for your return

Hi viktechservices,

Thank you for reaching out to us,

We don’t have the option to extend the regular license to an extended license, but if you plan to use the extended license we can help by providing a refund for the regular license you previously used.

You are required to use an extended license if you are going to create the software as a service that allows users to pay to use the software you use. For more details, you can see the following link. https://themeforest.net/licenses/standard

Hello, I bought your template via paypal, but envato blocked my account for security reasons, they have already solved the block, but the purchase confirmation link sent by email by envato when I clicked to confirm the purchase, the link directs me to a page with the 404 error instead of success. Can you help me?

Unfortunately, we can’t help you with that. You should contact Envato support team for anything related to your account and your download items.

Hello,

We are using the “Tinker” v3.0.1. We copied everything from the source directory (the vue version) into another project folder. Inside this project we then did yarn install (which succeeded) and then did yarn dev. Everything loads up just fine until you click on http://localhost:3000/

Upon clicking this there is an error and then nothing else loads other than this message:

12:43:15 AM [vite] Internal server error: Cannot set property 'parent' of undefined
  Plugin: vite:css
  File: /Users/rnicklin/Sites/shelter-management/src/assets/css/app.css
      at Proxy.removeChild (/Users/rnicklin/Sites/shelter-management/node_modules/postcss/lib/container.js:219:38)
      at Rule.remove (/Users/rnicklin/Sites/shelter-management/node_modules/postcss/lib/node.js:78:19)
      at processApply (/Users/rnicklin/Sites/shelter-management/node_modules/tailwindcss/lib/lib/expandApplyAtRules.js:427:31)
      at /Users/rnicklin/Sites/shelter-management/node_modules/tailwindcss/lib/lib/expandApplyAtRules.js:16:9
      at /Users/rnicklin/Sites/shelter-management/node_modules/tailwindcss/lib/processTailwindFeatures.js:47:50
      at plugins (/Users/rnicklin/Sites/shelter-management/node_modules/tailwindcss/lib/index.js:33:58)
      at LazyResult.runOnRoot (/Users/rnicklin/Sites/shelter-management/node_modules/postcss/lib/lazy-result.js:339:16)
      at LazyResult.runAsync (/Users/rnicklin/Sites/shelter-management/node_modules/postcss/lib/lazy-result.js:393:26)
      at async compileCSS (/Users/rnicklin/Sites/shelter-management/node_modules/vite/dist/node/chunks/dep-27bc1ab8.js:27966:27)
      at async TransformContext.transform (/Users/rnicklin/Sites/shelter-management/node_modules/vite/dist/node/chunks/dep-27bc1ab8.js:27526:55) (x3)

Can you please enlighten how we can fix?

Thanks!

Nevermind, I read through other comments and saw that there are changes recently made by TailwindCSS that causes these reported issues… I have downloaded v3.0.5 of the “Tinker” theme and replaced all of my previous code. It now works great!

Hi Team,

How can i use Tippy component in Tabulator formatter cell.

Thank you.

Unfortunately, we don’t know if you are using a special `Thai` calendar. But to change the language you can use the following configuration.

https://litepicker.com/docs/options#lang

You can use `th_TH` for thai.

Thanks for help.

Glad to help.. :)

May I have the starter project that contains the minimal setup for vue js version. So that it is quicker to use the template.

Also do you have a typescript version of this template that would also be very helpful.

May you please send all 4 if available

Any update on sending the 4 variants.

Hi,

We have decided to officially release the starter version in the package. So please re-download the package to get the starter version, thanks.

hi Left4code, in tom select how can i keep dropdown always appear when selected item? I saw example of package tom-select can do it. If my list is very large, it is difficult to choose many times. I try use ref() but dont work, also use reactive() it always appear dropdown but not reactive my values selected

hi Left4code, do you have any solution?

Hi,

We just figured out the issue and have released an update. Please replace the `tom-select` component in `global-components` directory.

Let me know if the issue still appears.

Hi can you send me please vue3 template with sample laravel integration at pkukuryka@gmail.com Thanks

Hi,

Thank you for reaching out,

Email sent, kindly check your email.. :)

Do you have a complete tutorial on how to implement your theme in a Laravel and Inertia project that you can make available to us?

Hi williamsbsi,

Thank you for reaching out,

Unfortunately, we don’t have a tutorial for integrating Midone with Inertia.js. However, we have a sample project that integrates Midone vue with Laravel. You can leave your email if interested.

Email sent, kindly check your email.

I installed your latest version of Midone. I’m using docker container to build. I tried node version 16 & 17. The error I get is: “[vite] Internal server error: Cannot set properties of undefined (setting ‘parent’)”

Please try with the other browser.

But with your hint I just fixed Tailwind version to the one released before last, and it’s working perfectly! Thank you for the fast reply. keep the great job and have a nice day.

Glad it works! Let me know if you still need any further help.

i got same problem with rakanho and i comment out lines 70,76,77,105,107,114-119,124,127,137,140 and 148 to clear error. But at this time, styles are not working as expected.

for example in components/_global.css when i use

body {
     @apply overflow-x-hidden text-sm antialiased font-roboto text-slate-800;
 }
 @screen md {
     body {
         @apply px-8;
     }
 }
 @screen sm {
     body {
         @apply px-3;
     }
 }

instead of

body {
    @apply overflow-x-hidden text-sm antialiased font-roboto text-slate-800;
    @include media-breakpoint-down(md) {
        @apply px-8;
    }
    @include media-breakpoint-down(sm) {
        @apply px-3;
    }
}

its working well, im not expert on postcss nesting but it looks like that is the main problem.

problem occured “tailwindcss”: “^3.0.23”, which install 3.0.24 with postcss packages updated and if you fix version to “tailwindcss”: “3.0.23”, in package.json it will work. but css structure should be fixed for updated packages.

Hi AndroidSeller,

Thank you for reaching out,

We just saw the Tailwindcss changelog update released yesterday, it prevents nested code from other postcss plugins.

Thank you for the update you provided, we will release the update as soon as possible.

Hi thanks for the template i have a problem in the template after i install the dependences and type yarn run dev it gives me an error [plugin:vite:css] Cannot set property ‘parent’ of undefined C:/Users/rakan/Desktop/templatevie/Source/src/assets/css/app.css at Proxy.removeChild (C:\Users\rakan\Desktop\templatevie\Source\node_modules\postcss\lib\container.js:219:38) at Rule.remove (C:\Users\rakan\Desktop\templatevie\Source\node_modules\postcss\lib\node.js:78:19) at processApply (C:\Users\rakan\Desktop\templatevie\Source\node_modules\tailwindcss\lib\lib\expandApplyAtRules.js:427:31) at C:\Users\rakan\Desktop\templatevie\Source\node_modules\tailwindcss\lib\lib\expandApplyAtRules.js:16:9 at C:\Users\rakan\Desktop\templatevie\Source\node_modules\tailwindcss\lib\processTailwindFeatures.js:47:50 at plugins (C:\Users\rakan\Desktop\templatevie\Source\node_modules\tailwindcss\lib\index.js:33:58) at LazyResult.runOnRoot (C:\Users\rakan\Desktop\templatevie\Source\node_modules\postcss\lib\lazy-result.js:339:16) at LazyResult.runAsync (C:\Users\rakan\Desktop\templatevie\Source\node_modules\postcss\lib\lazy-result.js:393:26) at async compileCSS (C:\Users\rakan\Desktop\templatevie\Source\node_modules\vite\dist\node\chunks\dep-611778e0.js:27848:27) at async TransformContext.transform (C:\Users\rakan\Desktop\templatevie\Source\node_modules\vite\dist\node\chunks\dep-611778e0.js:27417:55 Click outside or fix the code to dismiss. You can also disable this overlay by setting server.hmr.overlay to false in vite.config.js.

Hi,

Can you try to change the tailwind version to “3.0.23”? (Please don’t use `^3.0.23`) https://i.imgur.com/Ivuml1h.png

Hi , its still the same error i did remove the directory and when i try to run yarn it said its not recognized so i uninstall node with all files , install it again and it still give me the same problem….

I was able to reproduce the issue, there’s a new Tailwind update released yesterday that prevents postcss nested plugin from nesting code.

Changing your Tailwind version to “3.0.23” should fix the problem, please don’t use “^3.0.23” (remove the up bracket before the version) until we released an update for it.

Hello. We’ve already installed themes from other vendors, but we’re having a hard time doing it with yours. We found some stuff on the internet.

Do you have a complete tutorial on how to implement your theme in a Laravel and Inertia project that you can make available to us?

Hi there,

Thank you for reaching out,

Unfortunately, we have never used Inertia before. However we have an example of setting up Midone Vue on Laravel with Laravel Vite. We can send it via email if you are interested.

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