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”>
-
<!
-
<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 }}
- END: Third Child ->
- END: Second Child ->
</template>
<! -
<ActivityIcon />
{{ subMenu.title }}
<div v-if=”subMenu.subMenu” class=”menu__sub-icon” :class=”{
‘transform rotate-180’: subMenu.activeDropdown
}”>
<ChevronDownIcon />
<!
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,
Thank you for reaching out to us,
Yes, we are preparing dependencies updates in the next version including vue-cli.
Thanks for that. Any ETA on when that will be out?
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
Hi idearframes,
Thank you for reaching out to us,
Can you provide a screenshot or video of the css code you changed?
thanks for quick response , i tried _content.scss but its doesn’t matter i tried other files too if you make any change we get
this error
error in ./src/assets/sass/app.scss
Syntax Error: Error: Expected a pseudo-class or pseudo-element. at Array.forEach (<anonymous>)
@ ./src/assets/sass/app.scss 4:14-262 15:3-20:5 16:22-270
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.1.184:1842&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
even if i revert the change to main file it will throw same error . i am not sure how to attach file here
You can use instant screenshot app like lightscreenshot and send us the link.
Or you can email us here: leftforcode@gmail.com
here is the screenshot https://www.awesomescreenshot.com/image/11746146?key=07516a38629881214577e52df080c615
but i as mention before this happening if we modify any scss files , error will not go even after reverting code
Steps to re produce
Download the theme package—unzip and go to theme folder , do npm install and run npm run serve . theme will launch . now open any scss files under assets folder , try to remove one line or modify any css property and save . you will receive error like screenshot
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/1jsrvwfHope 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 ?
If there is one for Rubick, please send the same at itsme@shubhamranjan.dev
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 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.pngHope 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,
Can you send a screenshot about this? We’ll check it out soon.
Best regards, Left4code Team
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