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

sidiaraastro
  • downloaded
9 months ago

how to change the colors and image of the left sidebar because there is not a right side selector to make that change

dragosct
  • owner

Hi, @sidiaraastro ! Thank you for using our products. You can change these by simply going to src/components/SidebarPlugin/Sidebar.vue. Regards, Dragos
9 months ago

kevinsseni 9 months ago

Hi yeah I already used vuejs frameworks with laravel but your framework is particularly difficult to integrate with laravel application. I will manage to make it work but it will require a lot of changes unfortuneltly unless someone give me an idea I did not have. Keep going, best regards

dragosct
  • owner

Hi! I'm curious about what things do you think that is hard to integrate because in this way we can customize in another way the product in the next updates? Regards, Dragos
9 months ago

kevinsseni 9 months ago

Hi! Ok so it's all about being able to use components independenlty. For instance the EditProfileForm component is very very easy to use because it doesn't import other components. So when I want to use it I can use it wherever I want in my app without any problem. But the DashboardLayout component is very tricky to implement because it imports a lot of other components. So if I want to use the DashboardLayout component I have to go in your file system and find each imported components and import them in my system. Because I use a different file structure and different router structure (I don't use all the components present in the src directory) Then all these child components may also import other child components, it's like an infinite loop. Because it's built like a puzzle althoug I prefer components that are indepent to others. The more your components import other components the more it becomes complex. If you want a great example of a template I used before and that is very easy to use for me: https://uxpowered.com/products/appwork/v110/vue-demo/dashboards/dashboard-1

kevinsseni 9 months ago

What do you think about that ?

dragosct
  • owner

Hi, @kevinsseni ! Thank you very much for this feedback, I understand your point now and we will take into consideration and we will see how can reduce the projects to be cleaner and much easier to use. Regards, Dragos
9 months ago

erkinuzz
  • downloaded
9 months ago

hello! why in any page after refreshing F5 or Ctrl-R to show 404 error page? it is a bug? or please help me to fix it?

dragosct
  • owner

Hi, @erkinuzz ! Thank you for using our products. We tested and the product it's working fine in our side. Do you test on more devices? Regards, Dragos
9 months ago

visaruruqi
  • downloaded
9 months ago

Hi I'm runing into this error I did a "npm run install:clean" ======================================================== Syntax Error: SyntaxError: /Users/pathto/project/src/routes/routes.js: Support for the experimental syntax 'dynamicImport' isn't currently enabled (8:20): 6 | 7 | // Pages > 8 | const User = ()=> import('@/pages/Dashboard/Pages/UserProfile.vue'); | ^ 9 | const Pricing = ()=> import('@/pages/Dashboard/Pages/Pricing.vue'); 10 | const TimeLine = ()=> import('@/pages/Dashboard/Pages/TimeLinePage.vue'); 11 | const RtlSupport = ()=> import('@/pages/Dashboard/Pages/RtlSupport.vue'); Add @babel/plugin-syntax-dynamic-import (https://git.io/vb4Sv) to the 'plugins' section of your Babel config to enable parsing. =================================================== there is no Babel config in the project, I created one .babelrc and added this @babel/plugin-syntax-dynamic-import but then it is showing a log of errors, it is hinting to add a log of plugins, Can you help? I just bought the vue material dashboard pro

dragosct
  • owner

Hi, @visaruruqi ! Thank you for using our products. I already answered you on the GitHub repo. Regards, Dragos
9 months ago

imsreenadh 9 months ago

Could you lead me onto creating the Collapsible sidebar links, as this is something pretty basic in any Dashboard, and I really miss this on the Free version.

dragosct
  • owner

Hi, @imsreenadh ! Thank you for using our products. These collapsible sidebar links are implemented for the PRO version, in the free version are only the simple links. Regards, Dragos
9 months ago

rolod111
  • downloaded
9 months ago

When loading data to charts with axios: loadCharts () { apiService.getEntityFails().then(data => { this.entityFailsChart.data.labels = data.map(function (entityName) { return entityName.name }) this.entityFailsChart.data.series[0] = data.map(function (entityFailCount) { return entityFailCount.executionFailCount }) }) this.entityFailsChart.options.low = 1000 this.entityFailsChart.options.high = 120000 Labels and Series does not appear. even though they have data on it. Its weird that when I open the console on chrome suddenly chart shows labels and series. Tried all API calls (beforeMount, etc..) does not work.

rolod111
  • downloaded

@dragosct Thank you for the response. Im sure that im sending the correct structure. Look at this simple example: loadCharts is a method. When page loads data is present but cant be seen unless for example I press F12 loadCharts () { this.fchart =[]; apiService.getEntityFails().then(failchart => { //console.log(failchart) this.fchart[0] = failchart[0].name }) this.entityFailsChart.data.labels = this.fchart this.entityFailsChart.options.low = 100 this.entityFailsChart.options.high = 120000 } }, mounted () { this.loadCharts() },
9 months ago

rolod111
  • downloaded

@dragosct I understand. The problems seems because the call to axios is async.
9 months ago

dragosct
  • owner

Hi! Since you noticed the problem, the issue now it's solved, right? Regards, Dragos
9 months ago

dragosct
  • owner

Hi, @rolod111 ! Thank you for using our products. Please make sure that axios returns to you not a single object with all data and options for the chart. It must return a data object with labels and series. To be more specific all the data that are coming from axios must have the same structure as our chart structure from the product. Regards, Dragos
9 months ago

rolod111
  • downloaded

I cant say its resolved. You have an issue on github. best regards,
9 months ago

outermarkerps
  • downloaded
9 months ago

Hi, I am considering buying this, is axios / vuex / oauth2 support included in the templaate?

dragosct
  • owner

Hi, @outermarkerps ! Thank you for your interest in our products. If you have problems that are related directly to our product components yes you have support from us, but if the problems are not related to our product components for example if something goes wrong with axios / vuex / oauth2 and the problem is directly related to them we will not offer support for that. I hope you understand! Regards, Dragos
9 months ago

outermarkerps
  • downloaded
9 months ago

Hi @dragosct, the question was wether you have axios / vuex stubs already implemented in the template, i.e. a placeholder for sending auth request via rest etc something like vue-auth

dragosct
  • owner

Hi! Sorry, my bad I understood totally different. We don't have implemented axios / vuex in this template at all, we only make the design. The only product that has vuex implemented for the moment is Vuetify Material Dashboard. Regards, Dragos
9 months ago

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