590 comments found.
Hi, I could give the complete list of variants. zoom.in justify-center text-center etc please…
and how i will do to add .gif image in because cant see image <tippy tag=”image” alt=”” src=”../assets/images/avatars/user3.gif” class=”rounded-full” />
Hi garfrasa1977,
Thank you for taking the time to contact us.
You can check the complete list of available utility classes on TailwindCSS documentation here.
https://tailwindcss.com/docs/installation To load local images you can use ”@” alias, please check the following example.
<img src="@/assets/images/logo.svg" />
Hope this helps.
Best regards, Left4code
Hi polarbear1014,
Thank you for taking the time to contact us.
Before, can you please send us your detailed issue with your purchased code here?
muhammadrizki@left4code.comI’m more than happy to help you through there.
Best regards, Left4code
Hi polarbear1014,
I apologize, can you send your purchased code here: muhammadrizki@gmail.comIt looks like you are using a different account than the one you used to purchase the item. I can’t see your purchased badge.
We will immediately assist you after you send your purchase code, thank you.
Best regards, Left4code
Hi, I have a question about Tail Select, Multi Select topic. It doesn’t work, I would like an example, thanks
Hi armlazysong,
Thank you for taking the time to contact us, I’m more than happy to assist you with this.
After digging around with the code we realize that there’s something wrong with the tail-select component. It doesn’t work with multiple select.
So we made a quick fix to help you to get through to this issue, please open this file ”/src/global-components/TailSelect.vue” and replace the content with below code:
<template>
<select ref="select" v-select class="select">
<slot></slot>
</select>
</template>
<script>
import tail from "tail.select";
export default {
directives: {
select: {
inserted(el, binding, vnode) {
vnode.context.setValue(el, binding, vnode);
vnode.context.init(el, binding, vnode);
},
update(el, binding, vnode) {
vnode.context.setValue(el, binding, vnode);
vnode.context.reInit(el, binding, vnode);
}
}
},
props: {
options: {
type: Object,
default() {
return {};
}
},
value: {
type: [Number, String, Array],
default: ""
}
},
methods: {
setValue(el, binding, vnode) {
if (vnode.context.value.length) {
cash(vnode.context.$refs["select"]).val(vnode.context.value);
}
},
init(el, binding, vnode) {
tail(vnode.context.$refs["select"], vnode.context.options).on(
"change",
function(item) {
if (
cash(vnode.context.$refs["select"]).attr("multiple") !== undefined
) {
vnode.context.$emit("input", [...vnode.context.value, item.key]);
} else {
vnode.context.$emit("input", item.key);
}
}
);
},
reInit(el, binding, vnode) {
tail(vnode.context.$refs["select"], vnode.context.options).reload();
}
}
};
</script>
We apologize for this issue and thank you for making a quick report.
Best regards, Left4code
Dear Supporter. Thanks for support, Regards.
You’re welcome,
Happy to help.. 
Hi, I have a question about Modal 1. Can it be displayed while loading the page? 2. Can it disable backdrop?
Thanks
You can use programmatic way to show the modal while loading something. Please check the snippet below:
cash('#show-modal').on('click', function() {
cash('#modal-example').modal('show'})
})
To disable the modal backdrop you can add new css modifier class to ”/src/sass/_modal.scss” like below:
https://prnt.sc/vbltbyThen you can simply use the class:
<div class="modal modal--no-backdrop" id="modal-example" />
Hope this helps.
Best regards, Left4code
Dear Supporter. Thanks for support, Regards.
You’re welcome..
I need contact the support, we have a big problem. And we have many pics to send. What the email support?
Hi Carlosrogerio,
Thank you for taking the time to reach out to us, I’m more than happy to assist you to solve your issue. You can email us here for further information.
muhammadrizki@left4code.comThank you, Left4code
hi, admin,
I’m wondering do you offer any design on paginate for regular table? I know there is Tabulator as option, but it seem to me too overwhelming for that plugin. So simple and nice looking for paginate will do.
Thanks.
Hi kirajhpang,
We don’t have any spesific pagination component for a table but if you only need a simple ui, you can use the pagination from this page.
https://midone.left4code.com/side-menu-light-crud-data-list.htmlHope this helps..
will look on it, thanks!
You’re welcome..
Hi I recently purchased Midone theme and it’s a great APP, 1 issue i am facing the summer-note order list and unorder list is not working in Post section. route : http://127.0.0.1:8000/page/side-menu/post
I am using Laravel version, please help me out how to solve this issue.
Thanks.
Regards: Hamad
Hi hamadpervaiz,
Thank you for reaching out to us,
Can you send a screenshoot detail about your issue? Since we don’t use summernote plugin anymore in the latest version.
Please, i need your help to compile the Midone Laravel +Viue template, trow this error please help me !!!!!!
ERROR in ./resources/app/assets/sass/app.scss Module build failed (from ./node_modules/css-loader/dist/cjs.js): ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema. – options has an unknown property ‘plugins’. These properties are valid: object { postcssOptions?, execute?, sourceMap? } at validate (/Users/desarrollo/Downloads/Midone Vue v1.0.3/Laravel + Vue Version/midone-vue-laravel/node_modules/schema-utils/dist/validate.js:104:11) at Object.loader (/Users/desarrollo/Downloads/Midone Vue v1.0.3/Laravel + Vue Version/midone-vue-laravel/node_modules/postcss-loader/dist/index.js:43:29) at /Users/desarrollo/Downloads/Midone Vue v1.0.3/Laravel + Vue Version/midone-vue-laravel/node_modules/webpack/lib/NormalModule.js:316:20 at /Users/desarrollo/Downloads/Midone Vue v1.0.3/Laravel + Vue Version/midone-vue-laravel/node_modules/loader-runner/lib/LoaderRunner.js:367:11 at /Users/desarrollo/Downloads/Midone Vue v1.0.3/Laravel + Vue Version/midone-vue-laravel/node_modules/loader-runner/lib/LoaderRunner.js:233:18 @ ./resources/app/assets/sass/app.scss
ERROR in ./node_modules/tippy.js/themes/light.css (./node_modules/css-loader/dist/cjs.js??ref—6-1./node_modules/tippy.js/themes/light.css)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.
– options has an unknown property ‘plugins’. These properties are valid:
object { postcssOptions?, execute?, sourceMap? }
at validate (/Users/desarrollo/Downloads/Midone Vue v1.0.3/Laravel + Vue Version/midone-vue-laravel/node_modules/schema-utils/dist/validate.js:104:11)
at Object.loader (/Users/desarrollo/Downloads/Midone Vue v1.0.3/Laravel + Vue Version/midone-vue-laravel/node_modules/postcss-loader/dist/index.js:43:29)
@ ./node_modules/tippy.js/themes/light.css 2:26-132
@ ./resources/app/libs/tippy.js
@ ./resources/app/libs/index.js
@ ./resources/app/main.js
@ multi ./resources/app/main.js ./resources/app/assets/sass/app.scss
Hi gdelgadocode,
Seems like there’s postcss incompatibality issue, please run these command and let me know the result.
yarn remove postcss-loader—dev
yarn add postcss-loader@~3.0.0—dev
Hello, do you logins and user management use Firebase, or are the samples on user management using REST?
Hi jtmerch,
Thank you for reaching out to us,
Unfortunately, the template is only cover the UI component without any rest API implemented. You may need to implement it by yourself to make it into fully working application.
Hope this helps
Hi, can add wizard components? with and without validation Thanks
Hi garfrasa1977,
For now we only provide a design template to make it easier for everyone to customize their own code, the link can be seen here.
https://midone-vue.left4code.com/wizard-layout-1Maybe we will give an example of a component in the next version update.
Hi I need help with script formatting, I’ll give you example what I expect
Current Formatting:
Expected formatting|:
Contact me:kasun1209@gmail.com
Hi kasun1209,
Sorry I can’t see your example, can you email me at “muhammadrizki@left4code.com”.
I read you are releasing a Vue 3 version in the future, if I buy this one Im gonna be able to update it later? Or its gonna be released under a new package? Thank you in advance! Great theme!
Hi elizeujunior,
Thank you for your compliment!
Yes, we have plans to release the vue 3 version with typescript. If you buy this item you can re-download the update for free..
Hi, I intent to buy this theme but it dons’t support RTL, is there an intention to support it or a way I can do to make make it RTL?
Hi alquhait,
Thank you for your interest to our template..
But we currently have no schedule to implement the RTL layout.
Hi, We want to know what does the webpack do? Does it compile all the js into one js file? Also, if its using tailwindCSS, is there a sass compiling process? Also, what version of Laravel is this running on?
Hi carolinatjia,
Yes, most configurations will compile the asset into a single file to reduce HTTP requests and improve the page load speed. However, you can make changes according to your needs.
Vuejs uses webpack as the main bundler module. The point is to compile all assets and .vue files into plain js and css which can be executed by the browser.
For Laravel and HTML versions we use Laravel Mix as a module bundler (Wrapper for Webpack with simpler task functions).
We are using TailwindCSS with SASS, all compilation processes are configured so you can simply run the compile command “yarn run watch” for debugging and “yarn run production” for production.
The version of Laravel we are using is version 8.
Hope this helps..
Is there nuxt version of this template?
Thank you
Hi kamilersz
Thank you for your purchase..
Sorry, we don’t have a nuxt version of this template.
I am excited for the vue 3 + typescript release too.
Hi logicalpositiondevs,
Thank you for waiting!
We will update soon when the vuejs 3 version is ready..
Hello team, first of all, let me just say, this template looks great.
I am planning a new project and was wondering if you have an eta on Vue 3 implementation? Also, do you plan to make it with TypeScript?
Thanks in advance!
Hi danijelhrcek,
Sorry for very late reply,
Thank you for your compliment!
Yes we do. Our team is working on changes to the vue 3 + type script. We will release the update in the next version.
Thank you!
That’s fantastic news!
Looking forward to the new release, thank you!
Hi danijelhrcek,
Thank you for waiting!
We will update soon when the vuejs 3 version is ready..
please show me how to Fix top menu or side menu when scrolled page ?
Hi sulfikarsuaib,
Sorry, there’s no way to make the menu to have fixed position. It’s a part of the design and we don’t purpose it from the first time we built this template.
Hi there,
I’ve downloaded your dashboard (the screenshots look great by the way), but having a few problems getting started.
I’m using a Laravel project. Firstly, I wasn’t sure the best place to copy the folders to, so I’ve placed it in my resources under an ‘admin’ folder (is that recommended?)
I ran yarn install, that seemed to work fine.
But when I run ‘yarn serve’ or ‘yarn build’ from the newly created directory, I get errors as follows.
ERROR Error loading C:\wamp64\www\flowplanner\resources\admin\vue.config.js: ERROR Error: Your application tried to access webpack, but it isn’t declared in your dependencies; this makes the require call ambiguous and unsound.
Required package: webpack (via “webpack”)
I have to admit, I’ve never used yarn before to install something like this, so I may be doing something completely wrong. Any help you could give me would be much appreciated
Cheers, Paul
Hi paul,
Thank you for your purchase,
Do you want to integrate Vuejs into your Laravel project?
Hi Left4code,
Yes, I’m planning to use Vue.js in my Laravel project
Cheers, Paul
Integrating Vuejs SPA app to Laravel project can be painful for beginners who have never used Laravel Mix/Webpack before. I would recommend you to keep the Vuejs project separately as a frontend app and Laravel project for the backend API.
But if you still want to use Midone Vue on the Laravel project, I’ve included a sample project and its configuration in the latest update. You can download it by now.
Hope it helps
Hi Left4Code,
We really like this theme and want to purchase it for our project. But currently, I noticed that design files don’t come along with the theme.
We would need to make some customizations to the UI for our product and it would really help to have the design files.
Would it be possible to send us the design files?
The design file is not ready at this time. We are adding some pages to be released in the next update.
We will inform you when the update is complete.
Hi thomaslucyfer,
We have added the design file that you requested earlier, but for now only the dashboard page is available. We will make a regular update the rest of the pages for every 1-2 days.
I hope it can help you to quickly customize the template design. In the file you can find the colors, fonts, and typography we used.
Thank you
hi, I just purchased the template, I am wondering the way to set the redirect to login if token wasnt present, I think it should be under router/index.js, could you provide some guide?
Hi kirajhpang,
Sorry for late reply,
Yes, it should be on “route/index.js” you can use global resolve guards like below.
router.beforeEach((to, from, next) => {
// After login
var afterLogin = [
'login'
]
// Before login
var beforeLogin = [
'dashboard'
]
if (localStorage.getItem('token') !== null && afterLogin.indexOf(to.name) !== -1) {
next({ name: 'dashboard' })
} else if (localStorage.getItem('token') === null && beforeLogin.indexOf(to.name) !== -1) {
next({ name: 'login' })
} else {
next()
}
})
Or use Per-Route Guard. For more example you can check it on vue router documentation below.
https://router.vuejs.org/guide/advanced/navigation-guards.html#global-after-hooksThanks! it does help!
You’re welcome..
