This Easter, enjoy our magical offer! For the next days, you can get our awesome Bundles at a special price! 🐰

Material Dashboard

Free Bootstrap 4 Material Admin
· 4.90/5 (788 Reviews)

MIT License

132,108 Downloads
275 Comments
Community Support
6 months Updates
Release: 2 years ago
Update: 5 months ago

60 Handcrafted Components

2 Customized Plugins

3 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Material Dashboard Pro. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo?
  • Components · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Components · 200
  • Plugins · 15
  • Example Pages · 27
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

275 Web Developers commented on this product

Github Docs FAQ Page

robertailey
  • downloaded
10 months ago

I'm having an issue editing the graph, changing the plot points. Where can I find the file to change the labels and the plot points?

moldovanst
  • owner

Hello @robertailey , thank you for using our templates, you can find in "assets/js/plugins/demo.js" file at line: 509 the 'initCharts()' function, where you can set your own values for the chart. All the best, Stefan
10 months ago

zerostart2017
  • downloaded

Hi @moldovan.tudor , i can't find demo.js in "assets/js/plugins/demo.js" but i find it in "assets/demo/demo.js" and it's only 256 lines. I'll try to change some value, but nothing happen. What do i do wrong...?
7 months ago

moldovanst
  • owner

Hello again @robertailey , you can find it in "assets/demo/demo.js" from line 33 the initDashboardPageCharts: function() where you can modify the plot points of the dashboard charts. Best, Stefan
7 months ago

leomarkvista
  • downloaded
10 months ago

Hey Bro, this is fantastic and i wanna be like you someday!. keep it up! Godbless.

moldovanst
  • owner

Hei @leomarkvista , thank you for using our templates and for your good thoughts, I hope you the best an in one day you will excel. Keep up the good work, Stefan
10 months ago

manilancer
  • downloaded
10 months ago

how can i change the textbox style like normal??

moldovanst
  • owner

Hello @manilancer , thank you for using our templates, you can simply comment the line 33 (@import "core/forms";) from 'material-dashboard.scss' file. But you will change to the default style which is not highly recommended. Best, Stefan
10 months ago

oneirosvalente
  • downloaded
10 months ago

Awesome theme! I'm facing two errors in Chrome console when opening the live preview: "$(...).perfectScrollbar is not a function" and "md is not defined". Also the top right button does not work when the page is resized to a small size

moldovanst
  • owner

Hello @oneirosvalente , thank you for using our products, please let us know on which pages those two errors appear? I also checked the burger-menu button on small viewport and it works just fine. Best, Stefan
10 months ago

oneirosvalente
  • downloaded

I was talking about the dashboard.html page in the Material Dashboard theme. Screenshot: https://i.imgur.com/zyUkXpB.png
10 months ago

oneirosvalente
  • downloaded

Actually the problem is present in every Material Dashboard theme's page
10 months ago

nava500
  • downloaded

Having the same issue
10 months ago

moldovanst
  • owner

Hello again, please let me know which version of the product do you have?
10 months ago

oneirosvalente
  • downloaded

Hello, I'm just previewing the theme from your website: https://demos.creative-tim.com/material-dashboard/examples/dashboard.html
10 months ago

moldovanst
  • owner

Which browser are you using? Because I've also checked the live preview and everything looks good. https://imgur.com/a/ajtErGL
10 months ago

oneirosvalente
  • downloaded

I've tested it in Chrome 67, in IE11 and in Edge, the burger-menu button does not work in any of them
10 months ago

oneirosvalente
  • downloaded

Same on Firefox. It works on mobile (Safari iOs)
10 months ago

moldovanst
  • owner

We are working on an update right now, so stay tuned. We are about to release it next couple days. All the best, Stefan
10 months ago

oneirosvalente
  • downloaded

Thank you @moldovanst ! Awesome support
10 months ago

coxe.bernardo
  • downloaded
10 months ago

simply unique

hakimaddach 10 months ago

it this template compatible with angular material 5 , i dont think so , a lot of bugs appear/

moldovanst
  • owner

Hello @hakimaddach , thank you for using our products; Yes, this template is compatible with Angular Material 5. All the best, Stefan
10 months ago

simranjeetingh
  • downloaded
10 months ago

Some of the components are not working. The sidebar does not pop out in mobile preview.

moldovanst
  • owner

Hello @simranjeetingh , thank you for using our products, I just checked the Live Preview on mobile and the sidebar opened just fine. Please let us know which browser are you using? Best, Stefan
10 months ago

vinodh_76 10 months ago

Hie @moldovanst, I cloned to my angular5 project and finding the below issue in chrome browser, can you help me in fixing this? util.js:226 Google Maps JavaScript API warning: InvalidKey https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key Jw.j @ util.js:226 (anonymous) @ js?key=YOUR-KEY-HERE:159 (anonymous) @ js?key=YOUR-KEY-HERE:63 (anonymous) @ js?key=YOUR-KEY-HERE:60 (anonymous) @ js?key=YOUR-KEY-HERE:63 (anonymous) @ js?key=YOUR-KEY-HERE:136 (anonymous) @ js?key=YOUR-KEY-HERE:60 (anonymous) @ js?key=YOUR-KEY-HERE:136 (anonymous) @ js?key=YOUR-KEY-HERE:60 (anonymous) @ js?key=YOUR-KEY-HERE:136 Sd @ js?key=YOUR-KEY-HERE:63 Rd.va @ js?key=YOUR-KEY-HERE:136 (anonymous) @ util.js:1 js?key=YOUR-KEY-HERE:39 Google Maps JavaScript API error: InvalidKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key-map-error

moldovanst
  • owner

Hello @vinodh_76 , thank you for using our products, please follow these instructions and generate an API KEY by your own. You have in the documentation all the details: https://demos.creative-tim.com/material-dashboard/docs/2.0/components/google-maps.html. Best, Stefan
10 months ago

steferson.patake 10 months ago

Hello again. I want to upgrade the SweetAlert component to latest version downloaded from the official web site but seems like it dont work well with actual material scripts. Everythink looks ugly and out of place, text ,icons, etc. Theres a way to use the new version with material together? I downloaded from https://sweetalert2.github.io/ Thanks again.

moldovanst
  • owner

Hello @steferson.patake , thank you for using our products, please make sure that you replace the CSS file also, it will work after that. All the best, Stefan
10 months ago

steferson.patake

Hello Stefan. Thanks for your reply. I already did it when I posted here, but it´s not working as well. There´s two kind of files: one with all js and css together and other js with css separatedly. I think the new version doesn´t work with material dashboard. Maybe the sweetalert css tags is replaced or misconfigured with material.
10 months ago

moldovanst
  • owner

@steferson.patake , I've tested the last version of the plugin and it worked just fine. Please replace the SASS file: 'assets/plugins/_sweetalert2.scss' with the sweet alert' CSS from the Github. Don't forget to recompile the sass after that. Let me know if it worked for you.
10 months ago

muneebejazforwar
  • downloaded
10 months ago

HI , as it is free so i can use it in projects i use to sell ?

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