Material Dashboard Pro

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

Material Dashboard Pro

Premium Bootstrap 4 Admin Template
· 4.90/5 (338 Reviews)

License

3,655 Downloads
213 Comments
Premium Support
6 months Updates
Release: 2 years ago
Update: 4 months ago

200 Handcrafted Components

15 Customized Plugins

27 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about 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?
  • 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
Get Free Demo

We are here to help you!

213 Web Developers commented on this product

Github Docs FAQ Page

joaquoaqu 1 year ago

The modals does not work on iPhone, only works calling it with $("#modal").modal({backdrop: false}); but it loses the black background obviusly... Works in any other device but no on iPhone. Any solution?

dragosct
  • downloaded

Hi, @joaquoaqu ! Thank you for using our product. I tried to open the modal on the iPhone and it works for me. Please, can you show us an image of that issue? Regards, Dragos
1 year ago

sageassan
  • downloaded
1 year ago

Hello, i have downloaded the material dashboard pro v.2.0 and i have some issue with the charts. When i copy a chart <div > from the charts page to another page(dashboard.html) the chart doesnt show is there any other configuration to do?

dragosct
  • downloaded

Hi, @sageassan ! Thank you for using our product. Like you will see in the documentation the charts are activated by a javascript function. Please see the docs for the product. Regards, Dragos
1 year ago

jimmehdavies
  • downloaded
1 year ago

Although I don't own the product yet, I just wanted to inform you of a bug I found whilst trying the pro demo. If you open the demo on a small window size, and then maximise the window, the sidebar on the maximised page will have issues with formatting. This happens regardless of whether you open or close the sidebar on the small window before maximising the page again. Here's a few pictures to demonstrate what I mean: https://imgur.com/a/UIA20 Hope you can get this sorted, and I look forward to you updating the free demo to Bootstrap 4!

dragosct
  • downloaded

Hi, @jimmehdavies ! You are right and thank you for your observation. We will fix this in the next update. Regards, Dragos
1 year ago

saurabhehrotrag 1 year ago

Will it work on Bootstrap 4?

dragosct
  • downloaded

Hi, @saurabhehrotrag ! Thank you for using our product. It will work on Bootstrap except some small components, but we will do an update to the final version of Bootstrap 4. Regards, Dragos
1 year ago

saurabhehrotrag 1 year ago

and angular4 ?

dragosct
  • downloaded

Hi! We will do an update also for Angular version of the product to Bootstrap 4. Regards, Dragos
1 year ago

liquidq8
  • downloaded
1 year ago

I'm using the template with an asp.net project, I got most of thing works fine except the checkbox, I can not bind the check value to it. any workaround for it?

dragosct
  • downloaded

Hi, @liquidq8 ! Thank you for using our product. Please tell us if you add the scss partial for checkboxes? Regards, Dragos
1 year ago

empowerda7os
  • downloaded
1 year ago

Hi, we're using the template Material Dashboard Pro and we want to know how we can hide the icons from the side bar when the menu is hidden (in your example, when you hide the menu the letters/icons appear one under another, in this case we want to hide them completely so the the menu has a more minimalist look) but when the user expands the menu we want the letters/icons to appear just as you have them. We would appreciate if you can help us out with this questions and how we can apply it for both versions.

dragosct
  • downloaded

Hi, @empowerda7os ! Thank you for using our product. Did you refer to hide the icons when the sidebar is sidebar-mini? Regards, Dragos
1 year ago

empowerda7os
  • downloaded

Hello, I would like to hide the icons when the menu shows normal and show them when the sidebar-mini.
11 months ago

moldovanst
  • owner

Hello @empowerda7os , you have to set 'display: none' for the '.nav-link > i' and for the '.sidebar-mini .nav-link > i' (when the sidebar is minimized) set 'display: block'. Best, Stefan
11 months ago

empowerda7os
  • downloaded

It's me again, I'm sorry to keep asking about the same issue but I just don't seem to get it right. I notice that the menu icons are all in a 'material-icons' class, so when I put the display 'none' it deletes all the icons and the text also. I've been looking for the class .nav-link > i and the .sidebar-mini .nav-link > i' but I can't find the exact classes to try it as you recommend.
11 months ago

moldovanst
  • owner

@empowerda7os , I just sent you an email with the properties that you have to set for the icons. Best, Stefan
11 months ago

ryanjeffrual
  • downloaded
1 year ago

Hi could you help us I post our issue log in github : https://github.com/creativetimofficial/material-dashboard-pro/issues/119 we migrate from Version 1.2.1 to Version 2.0.1 . hoping to hear you soon. thanks

ryanjeffrual
  • downloaded
1 year ago

Hi I have another comment that need help: https://github.com/creativetimofficial/material-dashboard-pro/issues/119#issuecomment-376902013 . Thank you

freddycastro1992
  • downloaded
1 year ago

hello, I have a problem with the DateTimePicker does not work in the documentation and apart the letters are mounted in the documentation itself. and when adding DateTimePicker to another form when selecting it the date blinks and it does not allow me to select the date, I would appreciate your help. Thank you. PSD: Sorry for my bad English

dragosct
  • downloaded

Hi, @freddycastro1992 ! Please go to the link below and take the uploaded file and go to your project in assets/js and replace there. After that, you will not have anymore this problem with datetimepicker. https://www.dropbox.com/s/2ee2z1t3fu0n1bz/bootstrap-material-design.js.zip?dl=0 Regards, Dragos
1 year ago

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