Envato Market
Web Themes & Templates
Guest Cart
0
Create an Envato Account Sign In
Cart

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

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

By
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.

ibmgeniuz

ibmgeniuz Purchased

almost 5 years ago

Hello, Thank you for the template. It really looks good. However I have a question concerning the 3rd party assets used. Specifically tailwindcss 2 and laravel-mix and postcss 8. Since Laravel Mix 6 and postcss 8 are already out and tailwindcss supports that out of the box. Do you have any intentions or can you update the packages that depend on Laravel Mix 6 and postcss, so that this template can be used out of the box?

Thank you

2 other replies
ibmgeniuz

ibmgeniuz Purchased

almost 5 years ago

Hello I have made a working example. Maybe I will share my code here and you’d use to update the next version or anyone who chances upon this question can know a way around it. updated @/components/dark-mode-switcher/Main.vue

export default defineComponent({ setup() { const store = useStore(); const darkMode = computed(() => store.state.main.darkMode); });

const setDarkModeClass = () => {
        darkMode.value
            ? cash("html").addClass("dark")
            : cash("html").removeClass("dark");
    };
},
const switchMode = () => {
    localStorage.setItem('isDarkMode', `${!darkMode.value}`);
    store.dispatch("main/SET_DARK_MODE", !darkMode.value);
    setDarkModeClass();
};
onMounted(() => {
    localStorage.getItem('isDarkMode');
    const mode = localStorage.getItem('isDarkMode') === "true";
    store.dispatch("main/SET_DARK_MODE", mode);
    setDarkModeClass();
});
return {
    switchMode,
    darkMode,
};

Left4code Author

almost 5 years ago

Hi ibmgeniuz,

Thank you for sharing the code, it will be very useful.. :)

Have a nice day!

Best regards, Left4code Team

ibmgeniuz

ibmgeniuz Purchased

almost 5 years ago

You are welcome. Have a great day too!

irvine48

irvine48 Purchased

almost 5 years ago

dist/zoom-vanilla.min.js.map: HTTP error: status code 500

this happen on your dist app.js or css, where to remove this link from the compile app? is there any version manually include js or css in html, lazy to extract it myself from laravel mix. buggy.

3 other replies
irvine48

irvine48 Purchased

almost 5 years ago

i purchase full version Vue 2.0.2, tested on HTML Version\source folder, npm install—no-bin-links, npm run watch without a problem, and end up with slow loading in browser, due to the “dist/zoom-vanilla.min.js.map: HTTP error: status code 500”

i tested with pre-compile without a problem.

irvine48

irvine48 Purchased

almost 5 years ago

Hi Author,

I fix with npm run production. sourcemap is disable in production. thank for help so far.

Left4code Author

almost 5 years ago

Hi irvine48,

Glad it works, thank you for the reply.. :)

Have a great day..

Best regards, Left4code Team

logicalpositiondevs

logicalpositiondevs Purchased

almost 5 years ago

any plan on the vite.js support? vue-cli (webpack based) too slow.

Left4code Author

almost 5 years ago

Hi logicalpositiondevs,

We don’t currently have any plans for that, but we will try to consider it in a future version.

Best regards, Left4code Team

logicalpositiondevs

logicalpositiondevs Purchased

almost 5 years ago

thanks. I believe you can have vite.config.js and vue.config.js side by side so the consumers can use vite or vue-cli tool.

Left4code Author

almost 5 years ago

Hi logicalpositiondevs,

Sure, thank you for your suggestion.. :)

Have a great day..

Best regards, Left4code Team

iahammed

iahammed Purchased

almost 5 years ago

Hi, Nice work, I tried to use vuedv tool with it is Vue is not detected. I ran > yarn run watch even > npm run watch does not help Where Do I need change anything. BR M. Iftakher Ahammed

Left4code Author

almost 5 years ago

Hi iahammed,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

The Vue dev tool is not currently supported with vue 3, please check this link for more information: https://stackoverflow.com/questions/63628677/how-to-enable-devtools-in-vue-3-with-typescipt-in-development-mode

Hope this helps.

Best regards, Left4code Team

iahammed

iahammed Purchased

almost 5 years ago

Hi thanks for your reply, In that case I need the vue2 version of this template, How can u get that. thanks M. Iftakher Ahammed

Left4code Author

almost 5 years ago

Yes of course, please write your email. I will send you the vue 2 version.. :)

Best regards, Left4code Team

logicalpositiondevs

logicalpositiondevs Purchased

almost 5 years ago

I ran into out of memory issue with tailwindcss 2.0. (you can reproduce the error if you add a few @apply style changes to the sass folder.) https://gist.githubusercontent.com/litan1106/d2daae4d010f5f84f56b098da03cf50b/raw/e56e46d7d42242905e6cf8192c4fe6dbeecb7836/tailwindcss-vue-2.0-error.log

Left4code Author

almost 5 years ago

Hi logicalpositiondevs,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Sorry, We were unable to reproduce your issue. Can you send a screen recording during the compilation process?

Best regards, Left4code Team

logicalpositiondevs

logicalpositiondevs Purchased

almost 5 years ago

Btw, we should move the loaders into devDependencies in the package.json “autoprefixer”: “9”, “postcss”: “7”, “postcss-loader”: “3”, “raw-loader”: “0.5.1”, “sass-loader”: “^9.0.2”,

Left4code Author

almost 5 years ago

Hi logicalpositiondevs,

Thank you for your suggestion, we will move it in the next release.. :)

Best regards, Left4codeTeam

hamidkaz

hamidkaz

almost 5 years ago

Hi, does it support RTL?

Left4code Author

almost 5 years ago

Hi hamidkaz,

Thank you for contacting us.. :)

Unfortunately, it doesn’t support RTL version.

Best Regards, Left4code Team

quocnguyen0991

quocnguyen0991 Purchased

almost 5 years ago

Is Midone alreay Vue3 version(javascript ) ??

Left4code Author

almost 5 years ago

Hi quocnguyen0991,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Unfortunately, we don’t have a non-typescript version for Midone Vue 3. The javascript version is only available with Vue 2 (I can send you the file if you need it).

Best Regards, Left4code Team

lunarinovasi

lunarinovasi Purchased

almost 5 years ago

hello author, i buy and use this template for our internal company application. my company need your NPWP as author to completing our company taxation things. I hope you can help our taxation process, and contact me at lunar.inovasi@gmail.com. Thank you

Left4code Author

almost 5 years ago

Hi lunarinovasi,

Thank you for taking the time to contact us, I’ll be more than happy to help you with this.

We’re really sorry we couldn’t help you with this, the author support responsibility is to provide support related to the item. We can’t provide any confidential documents or data that is not related to the item.

Please check the following link to find out more about Envato item support policy: https://themeforest.net/page/item_support_policy

Hope this helps.

Best Regards, Left4code Team

lunarinovasi

lunarinovasi Purchased

almost 5 years ago
according to this, buyer can request tax information to you as author. https://help.market.envato.com/hc/en-us/articles/115002234926-How-to-ask-an-author-about-their-tax-information https://help.author.envato.com/hc/en-us/articles/360000471163

we need your tax information to complete our company tax process, we hope you can help us, thanks

Left4code Author

almost 5 years ago

Hi lunarinovasi,

Yes, but please note that each author has the right to provide or not provide any information that is not directly related to the item support.

You may have to ask the author before purchasing a template to request specific information for your company taxes.

Best Regards, Left4code Team

wulf1983

wulf1983

almost 5 years ago

hi,

where can I find the content of side-menu-light-tabulator.html?

I would like to change the content of the table.

Left4code Author

almost 5 years ago

Hi wulf1983,

Thank you for contacting us, I’ll be more than happy to help you with this.

Can you post your question on the page of the item you bought? I don’t see your purchase badge in this comment section.

Best Regards, Left4code Team

wulf1983

wulf1983

almost 5 years ago

Yes: https://themeforest.net/item/midone-jquery-tailwindcss-html-admin-template/26366820/comments?page=8&filter=all#comment_25855377

Left4code Author

almost 5 years ago

Just replied to your comments, kindly check it.. :)

cloggsy996

cloggsy996

almost 5 years ago

Hi, great template. I have an existing gridsome project, do you know if I am able to import this into my project? Thanks

Left4code Author

almost 5 years ago

Hi cloggsy996,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

We’re sorry we’ve never had experience using the gridsome platform, but it looks like integrating themes with 3rd platform will require a bit more effort, hope this helps.

Best Regards, Left4code Team

faryap1901

faryap1901 Purchased

almost 5 years ago

Hi, i just buy your tempplate. But i cant use the vue js. i just can use html . How i can use template vue js like you post before i buy ?

Left4code Author

almost 5 years ago

Hi faryap1901,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Sorry, I don’t really understand what you mean. Did you mean you need the vue 2 version?

Best Regards, Left4code Team

seantw1974

seantw1974 Purchased

almost 5 years ago

Is Midone alreay Vue3 version ??

Left4code Author

almost 5 years ago

Hi seantw1974,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Yes, it’s already in vue 3 with typscript.. :)

Best Regards, Left4code Team

seantw1974

seantw1974 Purchased

almost 5 years ago

I bought it today ! But I got error “PostCSS plugin tailwindcss requires PostCSS 8” Please info how to resolve

Left4code Author

almost 5 years ago

Hi seantw1974,

Looking at your issue, it seems like you have modified the postcss version used by the template.

Please check the following link to fix the issue: https://tailwindcss.com/docs/installation#post-css-7-compatibility-build

Hope this helps.

Best Regards, Left4code Team

xairo Purchased

almost 5 years ago

hi is it possible to make top menu layout with sticky option?

Left4code Author

almost 5 years ago

Hi xairo,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Unfortunately, there’s no option to make sticky top menu layout.

Best Regards, Left4code Team

xairo Purchased

almost 5 years ago

is it possible to add it as future request? )

Left4code Author

almost 5 years ago

Hi xairo,

I am really sorry, we can’t afford any feature requests at the moment.

Best Regards, Left4code Team

GeniusItZone

almost 5 years ago

Hi , I mistakenly bought this vue version instead of Laravel version just now, Can you please help me change the license to Laravel , please i am highly interested in your project but i did it without checking carefully on the title,

5 other replies

Left4code Author

almost 5 years ago

Hi GeniusItZone,

Please go through this link to submit a refund request: https://themeforest.net/refund_requests/new

We will process it immediately.

Best Regards, Left4code Team

GeniusItZone

almost 5 years ago

Hi, I already submit refund request with the link above, hope you process it Thanks for great support

Left4code Author

almost 5 years ago

Hi GeniusItZone,

We have accepted your refund request. Have a great day.. :)

Best Regards, Left4code Team

Epik-Theme

almost 5 years ago

Nice work, best of luck ❤️

Left4code Author

almost 5 years ago

Thank you! :)

tasarsu Purchased

almost 5 years ago

Hello left4code, I have installed packages with yarn. After yarn serve, I saw the template and everything seems ok.

But when I open chrome devtools, I couldnt be able modify css. It is not responding well when I modify styles.

I tried with different macbook and I tried with different version of node js but result is same, I couldnt be able to solve problem.

Is there any suggestion? Regards.

6 other replies

Left4code Author

almost 5 years ago

Hi tasaru,

After searching for a while I found out there’s a chrome issue that might be causing your problem. You can check detailed information here:

https://tailwindcss.com/docs/guides/vue-3-vite#include-tailwind-in-your-css

I suggest you use another browser for now like firefox or the older chrome version as we can’t do anything until the latest chrome version released.

Hope this helps.

Best regards, Left4code Team

tasarsu Purchased

almost 5 years ago
Hi, I used chrome canary but did not help. when I wrote extract true it become a little faster but not enough. css: { extract: true, sourceMap: true }, Can you send me previous version of this theme. I think it is vue 2 and tailwind 1.9

Left4code Author

almost 5 years ago

Sure, please write your email.

I will sent you the vue 2 version.

Best regards, Left4code Team

Lamarena

almost 5 years ago

nice product. I want to purchase it. Do you have sass structure or css? Are the divided per folders like variables, base, mixins…?

Left4code Author

almost 5 years ago

Hi Lamarena,

Thank you for taking the time to contact us, I’ll be more than happy to help you.

Yes, since we use TailwindCSS as our framework we decided to write all of the scss/css separated into their respective components.

You can check the structure here: https://prnt.sc/w8i8gj

We don’t use many additional variables or mixins because TailwindCSS already has a complete configuration.

Hope this helps.

Best Regards, Left4code Team

thetopai Purchased

almost 5 years ago

Hi,

Can you please advise how can I show/hide a modal via javascript?

For example, I have a modal with the code below. However, I used javascript to dynamically load some table rows and I would like to add onclick events to show modals.

Click Me

function showModal(msg) { $(”#basic-modal-preview”).modal(“show”); }

This is totally awesome blank modal!

From the code above, I’m not able to show the modal from the onclick event. I tried to use the cash(”#basic-modal-preview”).modal(“show”) but still having errors.

Please advise on this issue.

Thanks in advance.

Regards,

8 other replies

Left4code Author

almost 5 years ago

Have you tried the solution above?

If the error still appears, can you send your HTML code?

Best regards, Left4code Team

thetopai Purchased

almost 5 years ago

Thank you very much for your help. I got it working now. I’ll come back if I see any more issues. Cheers

Left4code Author

almost 5 years ago

Your’e welcome, have a great day.. :)

Best Regards, Left4code Team

NaturalCloud Purchased

almost 5 years ago

Performance in lighthouse now is even worse, really bad, barely a scored a 6… and you stoped supporting vue2 seems like. :S

Left4code Author

almost 5 years ago

Hi NaturalCloud,

Thank you for taking the time to contact us, I’ll be more than happy to help you.. :)

We just lately released an update with configured purgecss settings for production mode. So practically there will be no more unused styles in production mode.

But if you feel it is still not enough you can start to use code splitting for your current pages, you can check the link below for more information. It may help you to improve your lighthouse score.

https://blog.checklyhq.com/how-we-got-a-100-lighthouse-performance-score-for-our-vue-js-app/

Supporting different major versions of vue may take huge costs for us in terms of development time and team resources. So we decided to support the latest technologies and version rather than struggling with older issues by the framework.

However, you still can request us the legacy version with vue 2. But there will be no more updates for it in the future. Hope this helps.

Best regards, Left4code Team

Regular License
Regular License Selected
$29

Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.

Extended License
$890

Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.

View license details

$29
  • Included: Quality checked by Envato
  • Included: Future updates
  • Included: 6 months support from Left4code More Info

Price is in US dollars and excludes tax and handling fees

Elite author

Elite Author

View Portfolio
Last Update
High Resolution Yes
Compatible Browsers Firefox, Safari, Opera, Chrome, Edge
ThemeForest Files Included HTML Files, CSS Files, JS Files
Columns 4+
Documentation Well Documented
Layout Responsive
Tags admin, backend, chat, clean, dashboard, flat, jquery, minimal, modern, tailwind, tailwind component, Tailwind CSS, ui
Created 5 years ago
© All Rights Reserved Left4code
Contact the Envato Market Help Team
Elements logo

Looking for unlimited downloads?

Subscribe to Envato Elements.

badge Millions of premium assets
thumbs up Great value subscription
Collage of Elements items
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey