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.

this template is a little bit troublesome because it doesn’t have some kind of blank page template available, i need to remove all component first manually (only left for menu and content). it would be great for next version u can provide some kind of starter page (only menu, and content)

Hi gitzjoey,

Thanks for your suggestions, we will discuss it with our team if we can add it in future updates.

Best regards, Left4code Team

Hi,

Please share the latest typescript version for rubick to itsme@shubhamranjan.dev

Also, please check if the typescript version has Static Backdrop Modal. The current one that I have right now does not have the same. Please help.

Thanks :)

Hi srfalcons,

Thank you for reaching out to us,

Unfortunately, the file we have sent is the latest typescript version we have, since we currently only release js version.

However, you still can browse our core package (from js version project) and find this file ”@left4code/tw-starter/dist/js/modal.js” to implement the typescript code.

Best regards, Left4code Team

Cool. Thanks. I would love to see an updated typescript version even if its a part of different package :)

Hi srfalcons,

That’s awesome, thanks a lot for using our template.. :)

Best regards, Left4code Team

Dear Author,

In my case, when in mobile view. mobile menu. Dropdown can’t be clicked. This is a bug?

<transition @enter=”enter” @leave=”leave”>

    <!- BEGIN: First Child -> <template v-for=”(menu, menuKey) in formattedMenu”>
  • <a href=”javascript:;” class=”menu” :class=”{ ‘menu—active’: menu.active, ‘menu—open’: menu.activeDropdown }” router=””> <component :is=”menu.icon” /> {{ menu.title }} <ChevronDownIcon /> <!- BEGIN: Second Child -> <transition @enter=”enter” @leave=”leave”>
    • <ActivityIcon /> {{ subMenu.title }} <div v-if=”subMenu.subMenu” class=”menu__sub-icon” :class=”{ ‘transform rotate-180’: subMenu.activeDropdown }”> <ChevronDownIcon /> <!- BEGIN: Third Child -> <transition @enter=”enter” @leave=”leave”>
      • <ZapIcon /> {{ lastSubMenu.title }}
      </transition> <!- END: Third Child ->
    </transition> <!- END: Second Child ->
  • </template> <!- END: First Child ->
</transition>

Hi bayusyaits,

Thank you for reaching out to us,

Can you send a video or screen recording about this? Since we can reproduce the issue from our online demo.

Hi there, do you have any idea why i am getting this warning `Property ”$createElement” was accessed during render but is not defined on instance. ` when using https://github.com/megafetis/vue3-treeselect? Is there a fix for this, Appreciated if you could help.

Also i found that `TomSelect` not working when add new tag. Will there a function for `TomSelect` to load data from remote? Like Virtual Scroll in tomselect.js? Thanks

Hi dreamxyz95,

Thank you for reaching out to us,

Unfortunately, we can only help to support third-party plugins or libraries used by the template.

For the tom-select, did you mean you want dynamically update the select options by ajax?

Hi, I’m wondering if you’ve updated Midone to support Webpack 5 and checked if it works with yarn 2?

Hi jaitaiwan,

Sorry for the late updates,

We just released a new update with webpack 5 support. However, we still can’t release yarn 2 support as it brings some breaking changes to the project and npm users.

Best regards, Left4code Team

Thanks for the great responses folks. Just letting you know that if you wanted to release a version of midone with vite and yarn 2 as a separate product, I’d be happy to pay for it.

Hi,

Thanks for your reply and 5 star review, it helps us a lot.. :)

hi i am getting following error if modified any of the .scss files (even if i open in editor ) .

cjs.js?\\./node_modules/sass-loader/dist/cjs.js?!./src/assets/sass/app.scss:1 Uncaught Error: Module build failed (from ./node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js): Error: Expected a pseudo-class or pseudo-element.

can you please help me on this ? i thought its editor issue but i used all editor even plain text editor , vs code , atom etc but i get same error if modify the .scss files , even if remove one line and one line back save i get this eror

Thanks for sending the link,

It’s a bit weird since I can’t reproduce the same error,

Can you check your Node and NPM versions? Please, make sure to update it to the latest version.

My node and npm version are here

Node : v14.17.4 npm – 6.14.14

please let me know if i need to change anything

Can you upgrade your Node and NPM versions?

We are using Node version 16.6.1 – NPM version 7.20.3 and run the project without any issues.

When we try to serve the project, their return error like this,

ERROR  Failed to compile with 1 error                                                                                                                                                                                             10:07:09 PM
error  in ./src/global-components/highlight/Main.vue?vue&type=style&index=0&id=c77915c8&scoped=true&lang=css

Syntax Error: Error: Loading PostCSS Plugin failed: Cannot find module ‘tailwindcss’ Require stack: - C:\Users\manis\Downloads\themeforest-07juT7Jd-midone-vuejs-admin-dashboard-template\Midone Vue\Vue Version\Rubick v2.1.0\Source\noop.js

(@C:\Users\manis\Downloads\themeforest-07juT7Jd-midone-vuejs-admin-dashboard-template\Midone Vue\Vue Version\Rubick v2.1.0\Source\postcss.config.js) at Array.map (<anonymous>) Of-1-2\\./node_modules/vue-loader-v16/dist??ref—0-1!./src/global-components/highlight/Main.vue?vue&type=style&index=0&id=c77915c8&scoped=true&lang=css 4:14-433 15:3-20:5 16:22-441 @ ./src/global-components/highlight/Main.vue?vue&type=style&index=0&id=c77915c8&scoped=true&lang=css @ ./src/global-components/highlight/Main.vue @ ./src/global-components/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.249.149:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

@ ./node_modules/vue-style-loader??ref-6-oneOf-1-0\\./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/src??ref-6-one

Hi codeplateinnovation,

Can you check your Node and NPM version? Please, make sure to update it to the latest version.

Hello, we brought your Admin Dashboard (Midone – Vegas’ 3 Admin Dashboard Template + HTML Version + XD Design File) Our team most familiar with typescript, So plz let me know do you have a stable typescript version of this view template. Thanks.

Hi there,

Thank you for reaching out to us,

Please leave your email, we will sent you the file.

Best regards, Left4code Team

Hi,

Please check your mail, we just sent the files.

Best regards, Left4code Team

I just see your Admin Dashboard (Midone – Vegas’ 3 Admin Dashboard Template + HTML Version + XD Design File) . Do you have a stable typescript version of this view template.

Hi dafewDevop,

Thank you for reaching out to us,

Yes, although not the latest update we do have a typescript version for “rubick”. You can use it as a starter if you want to use “Icewall” or “Tinker”.

Hope this helps.

Best regards, Left4code Team

Hello, I’m just exploring your Admin Dashboard (Midone – Vuejs 3 Admin Dashboard Template + HTML Version + XD Design File) . It’s an amazing template, I’m impressed about that. Plz let me know do you have a stable typescript version of this view template. Thanks.

Hi compiledbrains,

Thank you for reaching out to us,

Yes, although not the latest update we do have a typescript version for “rubick”. You can use it as a starter if you want to use “Icewall” or “Tinker”.

Hope this helps.

Best regards, Left4code Team

hello is it possible to change icons in submenu ? i add icon but is not showing is showing the feather feather-activity

{
         icon: '',
         pageName: 'side-menu-profile-overview-1',
         title: 'Overview 1'
       },
       {
         icon: '',
         pageName: 'side-menu-profile-overview-2',
         title: 'Overview 2'
       },
       {
         icon: '',
         pageName: 'side-menu-profile-overview-3',
         title: 'Overview 3'
       }
     ]
   },

Hi mentisvr,

Sorry for the late reply,

You can open this file ”/layouts/side-menu/Main.vue” and apply these changes:

Line 83: https://prnt.sc/1jsquf5 Line 120: https://prnt.sc/1jsrvwf

Hope this helps.

Best regards, Left4code Team

Hello, I hope you can help me. I have purchased vuejs 3 admin dashboard template and I am using the rubick-vue template. The account menu dropdown stays open when I click on an option, which I hope will close automatically.

Hi masszed,

Thank you for reaching out to us,

Can you send a screenshot of this?

Hi, I have already bought this and also looking for a typescript version. Is there a stable one or in progress ?

Hi srfalcons,

Thank you for reaching out to us,

We just sent you the latest typescript starter, kindly check your email.. :)

Best regards, Left4code Team

Thank you so much :) . Are you guys looking forward to add it in the package itself ? It would be easier for us to get the latest updates that way.

You’re very welcome.. :)

Unfortunately, for now, we will only release the js version in the download package since we don’t regularly release typescript versions.

Best regards, Left4code Team

Hi,

Can you send me the latest Typescript version ?

My email is vyu0122@gmail.com

Hi vyu0122,

Thank you for reaching out to us,

We just sent you the latest typescript starter, kindly check your email.. :)

Best regards, Left4code Team

Hi, I want to render the Ice-wall theme, but despite removing any router components, it’s still a bit slow when I render it. It’s hard to inspect too.

What do you suggest to make rendering faster? Which Sass files aren’t Important to render so I could remove them?

Hi ranjbarmohammad,

Thank you for reaching out to us,

Please consider to activate the JIT mode in “tailwind.config.js”, it gives much better compilation and rendering speed. https://prnt.sc/1h4noeh Please note if you are using JIT mode, ensure to move out the SASS code outside the ”@layer components” directive while making changes. Otherwise, the compiler will not detect any changes. http://i.prntscr.com/9WcD8k1cRxume1nx8KOvCg.png

Hope this helps.

Best regards, Left4code Team

Hi there, there’s an issue with the width when changing tab. It’s overflowed. E.g. for the Post view.

Hi dreamxyz95,

Thank you for reaching out to us,

We just released a little update for this issue, please run “yarn add @left4code/tw-starter” or “npm install @left4code/tw-starter” to get the latest updates.

Best regards, Left4code Team

Also, the loading Icons do not have a version in Tinker when switching to Dark mode.

Hi Tronological,

Thank you for sending the link. We just released an update for this issue.

Please re-download the project and copy this file to your project: ”/src/global-components/loading-icon/Main.vue”.

Hope this helps.

Best regards, Left4code Team

Got it, Thank you.

You’re very welcome.. :)

project use vuex ?? I hope not…really hate it

Hi Master_Y0da,

Thank you for reaching out to us,

Yes, we use vuex to share state between components.

Best regards, Left4code Team

Have you guys considered adding a landing page to the template?

Hi Tronological,

Thank you for reaching out to us,

Unfortunately, we have no plans to add a landing page to the template.

Best regards, Left4code Team

Hi

I try to logout and cant find the login page after install.

no login page for dashboard

Hi tonyjzuo,

The Vuejs version doesn’t have an authentication starter, because the project doesn’t have a backend implementation like the Laravel version.

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