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.

Hi there, my name is Joao and my company has recently bought your template.

We’re trying to use TomSelect component that is a 3rd party lib and we’re wondering if we can have some support with it. We’ve read their documentation and couldn’t reproduce a way to have the placeholder inherit on the form, instead what it does, it shows the placeholder inside the multi select.

Is there any way to put a place holder on the multiselect?

Thank you.

Regards, Joao Ribeiro

Hi,

Thank you for reaching out to us,

Sorry, but I’m not sure I fully understand your question, can you send an example on the documentation or reference link we can check?

Sure, if you do the following you’ll see what I’m referring to

1. go to https://rubick-vue.left4code.com/tom-select 2. clean multiple select

You’ll see that there’s no place holder and no easy way of applying border-danger when the input is not filled.

Basically, we’re trying to figure a way to set the place holder when there’s no option selected and when the form is post to show the border-danger on it.

Thank you

Hi,

Thank you for your reply,

We enable the `dropdown_input` plugin by default so the placeholder does not appear in the input form but appears in the search input in the dropdown list. Here’s a quick solution to change it, please open this file `/src/global-components/tom-select/Main.vue` and comment or remove this line.

https://i.imgur.com/zQOSDVu.png

For the `border` issue you might need to redownload the source code and replace this file `/src/assets/css/components/_tom-select.css` with the latest update, we released an update for this issue a while ago, thanks.

Hi Left4code. How to make a selected value in tom select component.

Hi,

Thank you for reaching out to us,

You can use `ref` reactive state and set the value from there, please check the following links. https://i.imgur.com/ZyZu6k4.png https://i.imgur.com/oyAlXeF.png

We are getting the Warnings as given below how can we solve this.

“warn – As of Tailwind CSS v3.0, `warmGray` has been renamed to `stone`.” “warn – As of Tailwind CSS v2.2, `lightBlue` has been renamed to `sky`.”

There is total 18 warnings.

Hi,

We have made an update for this,

You may need to check these files.

- tailwind.config.js
https://i.imgur.com/GTkbsWr.png

- /src/utils/color.js
https://i.imgur.com/EXBwpRH.png

I’m using it in nuxt 3, but the doppdown function doesn’t work properly. It is always shown, not hidden. I tried to look in the file global-component dropdown and tried to fix but couldn’t

Hi there,

Thank you for reaching out to us,

Unfortunately, this type of request is beyond the scope we can support. If you’d like to work with someone closer to helping you through your setup with Nuxtjs, you might consider working with a freelancer or one of the Envato Studio providers.

Hi, how can i define processQueue callback for dropzone

Hi,

Thank you for reaching out,

You can call `processQueue` from the dropzone instance, please check this link. https://i.imgur.com/xKTyApX.png

Helo, where I can download the template for Vue 2?

Can you send to my email? here is my email ferry.stephanus.s@gmail.com Thanks!

Hi,

Sorry for the late reply,

Email sent, kindly check the attached file.

hi Left4code, how to get selected index on Accordion components? i try set selectedIndex and call change event on AccordionGroup but not working.

Hi,

Thank you for reaching out,

You can use `@change` event, please check this link.

https://i.imgur.com/QWTAm2x.png
https://i.imgur.com/syYg9Sh.png

thanks for help!

You’re welcome.. :)

On the Top Menu when user click on the link page will be changed but menu is still open. How can we dismiss the dropdown after the click on the link?

Hi,

We have an update for this, please check the latest dropdown component update.

We are facing issue on the “top-menu” you can check https://enigma-vue.left4code.com/top-menu/wizard-layout-1

When user click on the any on the item on the top menu menu is still showing insted of the hides the menu.

This is actually the expected behavior, we’re just using pure CSS to show the submenu on mouseover.

hi Left4code, do you intend to make the details display the content of the inbox components?

Hi quocdat254,

Thank you for reaching out,

Yes, we can add it to the roadmap.. :)

How can I fix the problem in the video? when i click ‘router.push(‘login’)’ is running https://rb.gy/c8buki

Hi,

You can do something like this. https://i.imgur.com/HVZ0ZqQ.png https://i.imgur.com/Dz1db1B.png

Please check the dropdown page to check more API.

I can’t access the images you sent

Please use another browser or incognito mode.

Hi,

ClassicEditor lists are not working by default as list styling is nulled:

ol, ul, menu { list-style: none; margin: 0; padding: 0; }

also it seems like TomSelect component needs much work till functional…

What problems are you having with Tom-Select component?

I already made this work, but I had to hack into your component to achieve some functionality that the original tom-select library provides. I wouldn’t know where to start about the problems I had…

Anyway, it was just a recommendation about giving a more clean interface to interact with this TomSelect component, not really angry about that or anything alike.

Thank you for your fast responses.

Well that’s good, however we can’t made any improvements without spesific problems/issues.

Let me know if you have any further question.

Hi, how can I order dropdown to hide options after selecting one of the option?

http://tinker-vue.left4code.com/dropdown Let’s say that we will gonna take the first example from this page and i want to close dropdown when i select “New dropdown” option. I can’t find any information how to do it :(

Hi web24_pl,

Thank you for reaching out to us,

You can use programmatic API or simply use `dismiss` slot function. Please check this link.

https://i.imgur.com/uNUXy3c.png

Hi Team,

How can i set minDate for endDate after choose startDate and set display in dropdown year +543 in Litepicker.

Ex. 2022—> 2565

Thank you.

Hi,

Sorry for the late reply,

Please re-download the latest version and replace this file ”/src/global-components/litepicker”.

Now, you can get the reference to the Litepicker initialization and set the new options. Please check the link below for more details.

// Attach reference key
https://i.imgur.com/VbDVQgB.png

// Detect changes & set new options https://i.imgur.com/V9v40t7.png

You can check all of the options and methods in the following link. https://litepicker.com/docs/options
https://litepicker.com/docs/methods

It’s work, thanks for help.

You’re welcome.. :)

Hi Left4code team . We’ve been trying to integrate this VueJS product into Laravel9 . Could you please help us out with the correct steps to follow to integrate it ? Email : afinrin17[at]gmail.com

vue-router default ’/’ path is to dashboard-1 view so

Step 1 : go to localhost:8000/ which showing dashboard view Step 2 : manually type on url link from localhost:8000/ to localhost:8000/inbox Step 3 : 404 NOT FOUND page showing

any manually typed page like localhost:8000/file-manager would show 404 NOT FOUND page , those page can only be accessed when localhost:8000/ (dashboard url ) and click to side menu only

is there a way to set the side menu element as active manually from other component? I have 3 pages to manage news (List, Add and Edit news) and in side menu there is only a link to List page. I would like to mark this item as active in side menu when i’m visiting Add and Edit pages as well.

You can use `inject(“forceActiveMenu”)(“page-name”)` to force active menu like below.

https://i.imgur.com/azTrADl.png

It worked :) thanks!

Glad to help.. :)

Hi Left4code, mobile Tinker version 3.0.7 error display on top bar, you can see here https://icloud.inet.vn/s/ZmzrSX9iWj2QYps

It seems like you haven’t added some classes in the layout component. Please check this link.

https://i.imgur.com/OURUPwc.png

it’s work, thank you :)

Have you checked our demo from the download package? Seems to be working normally.

https://i.imgur.com/uTAnEma.png

Hi Left4code, you can update Tabulator to 5.x.x of Tinker version? I try but dont work.

It seems it requires a different installation method, we will support this in the next update. Meanwhile we are currently working on another feature.

i can wait for this, thanks you

Thanks, the update will be emailed to you once it’s ready.

Hi,

I purchased Midone VueJS 3 admin dashboard do you have an example Laravel project where this is running (doesn’t need to be with live data).?

I have been trying to get this running but css isn’t quite loading correctly.

Thanks

Email sent.. :)

Please run `composer dump-autoload` if you get error while compiling.

Thanks received – sorry but would it possible to also get a Laravel Mix version as well. Thanks

Unfortunately, we don’t have laravel mix version.

Hi Team,

How can i create dom element multiple action in Tabulator cell.

Thank you.

Hi,

Please check the following steps.

1. Prepare the modal component. (You can place the `modal` component anywhere in your view) https://i.imgur.com/S4Dczcm.png

(Set up `ref` for modal component bindings.) https://i.imgur.com/yQXHmah.png

2. Create tabulator `formatter`. (You can use the programmatic API `router.push` to redirect the page. Then to display the modal you can use the following method.)

https://i.imgur.com/wVrqKfi.png https://i.imgur.com/HnqxHpE.png https://i.imgur.com/kmtd4WP.png

Let me know if you have any further questions.

It’s work, thanks for help.

Glad to help.. :)

Hi Team,

I can’t use Tippy component inside v-if or v-for.

Thank you.

Hi there,

Thank you for reaching out,

Is there any very simple code to reproduce the issue?

We tried to reproduce this issue with the following code but didn’t seem to find the problem you are referring to.

https://i.imgur.com/ak6X3yH.png https://i.imgur.com/9LdwsH9.png

Thanks for help.

Glad to help.. :)

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