Start planning your summer holiday ☀️! For the next days, you can get our awesome Bundles with 70% discount!

Material Dashboard

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

MIT License

142,024 Downloads
282 Comments
Community Support
6 months Updates
Release: 2 years ago
Update: 7 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 · 8
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

282 Web Developers commented on this product

Github Docs FAQ Page

robertailey
  • downloaded
1 year 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
1 year 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...?
8 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
8 months ago

leomarkvista
  • downloaded
1 year 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
1 year ago

manilancer
  • downloaded
1 year 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
1 year ago

oneirosvalente
  • downloaded
1 year 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
1 year ago

oneirosvalente
  • downloaded

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

oneirosvalente
  • downloaded

Actually the problem is present in every Material Dashboard theme's page
1 year ago

nava500
  • downloaded

Having the same issue
1 year ago

moldovanst
  • owner

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

oneirosvalente
  • downloaded

Hello, I'm just previewing the theme from your website: https://demos.creative-tim.com/material-dashboard/examples/dashboard.html
1 year 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
1 year 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
1 year ago

oneirosvalente
  • downloaded

Same on Firefox. It works on mobile (Safari iOs)
1 year 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
1 year ago

oneirosvalente
  • downloaded

Thank you @moldovanst ! Awesome support
1 year ago

coxe.bernardo
  • downloaded
1 year ago

simply unique

hakimaddach 1 year 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
1 year ago

simranjeetingh
  • downloaded
1 year 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
1 year ago

vinodh_76 1 year 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
1 year ago

steferson.patake 1 year 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
1 year 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.
1 year 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.
1 year ago

muneebejazforwar
  • downloaded
1 year 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.