Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! 🔥

Vue Material Dashboard PRO

Vue Material Dashboard PRO

Premium Vuejs Admin Template
· 4.90/5 (51 Reviews)

License

562 Downloads
101 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 1 month ago

200 Handcrafted Elements

15 Customized Plugins

28 Example Pages

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Vue Material Dashboard PRO in the light demo version. It has features from the full version. We hope you will like this introduction to this product!

What is in Demo?
  • Elements · 16
  • Plugins · 2
  • Examples Pages · 7
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 200
  • Plugins · 15
  • Example Pages · 28
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Get Free Demo

We are here to help you!

101 Web Developers commented on this product

Github Docs FAQ Page

joseuisspinoza
  • downloaded
4 months ago

When you create a table within a tab the headers of the table disappear. Image example: https://imgur.com/ByvJar4 Example outside the tab in the same project: https://imgur.com/V7Xlx6q

dragosct
  • owner

Hi, @joseuisspinoza ! Thank you for using our products. Please give us a link to your project to check what it's the problem there. Regards, Dragos
4 months ago

joseuisspinoza
  • downloaded

My project is not public. But you can do the test simply by placing a table within a tab. And if it works, please show me the code! Thanks!
4 months ago

joseuisspinoza
  • downloaded
4 months ago

@dragosct download my file and copy into src\pages\Dashboard\Widgets.vue and run: File: https://mega.nz/#!6U5kCQiI!URY2Xx3cFFhyF4_xbaCskmU7qxE_b8PQz85FC_PMP1o Changes: line 35, line 222, line 230. Error image: https://imgur.com/4Es5sFJ

dragosct
  • owner

Hi, @joseuisspinoza ! I found the reason why those headers are hidden. Please find in scss this .md-tabs-content table thead { display: none; } and remove it. After this will work fine! Regards, Dragos
4 months ago

alexdageek
  • downloaded
3 months ago

@ @dragosct Hi there. Is there a plan to offer this Pro version of Vue Material Dashboard in Vuetify? Thank you!

dragosct
  • owner

Hi, @alexdageek ! Thank you for using our products. Yes, this will be available also on the vuetify framework, but I can't tell you an ETA. Anyway, you will be noticed when this will be available. Regards, Dragos
3 months ago

psandeepraju
  • downloaded
3 months ago

HI @dragosct, How can we auto collapse the side-bar "sub menu" once side-bar is minimized

dragosct
  • owner

Hi, @psandeepraju ! Thank you for using our product and sorry for the late response. We will check for a solution and we will give an answer. Regards, Dragos
3 months ago

franciscolcaraz
  • downloaded
3 months ago

Hi, I can't get to make a validation form to submit into a prevent handler, since the validation is taking precedence... and the "this.$emit("on-submit", this.registerForm, isValid);" is not really doing anything when I try to listen to the on-submit custom event, any idea what I could be doing wrong, I'm a total vue noob thanks!

dragosct
  • owner

Hi, @franciscolcaraz ! Thank you for using our products. You can use https://vuejs.org/v2/guide/events.html#Event-Modifiers the .prevent modifier to do this. Regards, Dragos
3 months ago

joseuisspinoza
  • downloaded
3 months ago

@dragosct : In cell phones, the TopNavbar.vue element disappears. Image working: https://imgur.com/y2yx9JU Image failing: https://imgur.com/NSEdKHS

dragosct
  • owner

Hi! Please open the lateral sidebar. All that items are in the sidebar now on mobile. Regards, Dragos
3 months ago

alexdageek
  • downloaded
3 months ago

@dragosct Hi! Just purchased this PRO template. I seem to be getting errors running "sudo npm install" on my MacOS. Has this been encountered before? Thanks.

dragosct
  • owner

Hi, @alexdageek ! Thank you for using our products. You don't have to run that command with sudo, you can put just npm install and then npm run dev. Regards, Dragos
3 months ago

alexdageek
  • downloaded
3 months ago

@dragosct Easy enough! Thank you so much.

joseuisspinoza
  • downloaded
3 months ago

How can I configure the sidebar so that its default configuration is always open? Thank you!

dragosct
  • owner

Hi, @joseuisspinoza ! You can go to public/index.html and remove the sidebar-mini class from the body tag. Regards, Dragos
3 months ago

alexdageek
  • downloaded
3 months ago

@dragosct Is there any way to get the sidebar to stay in collapsed mode, instead of expanding upon the user hovering? I'm thinking of the use case when users know the icons really well, and would like to suppress the expand/collapse-on hover feature (which I think is great for new users). I thought that was what the "Sidebar Mini" switch from the FixedPlugin controlled. But that doesn't seem to be doing anything that I can't already do by hovering over the sidebar. Any thoughts? I think advanced users of the app would like to have the option to permanently minify that sidebar, and interact via the buttons, etc. Thanks!

dragosct
  • owner

Hi! Practically you want the sidebar to be always with only icons and on the hover nothing to happen, right? If yes, you have a nice idea but this is a more complex situation because there's a lot of modification to do in the scss and require time. Anyway, we will take in consideration your idea and maybe we will implement in futures updates. Regards, Dragos
3 months ago

You have to be logged in to post a comment. Login here.