Material Dashboard Pro

Premium Bootstrap Admin Template
· 4.90/5 (174 Reviews)

License

1,686 Downloads
173 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 24 days ago
Icon html
Icon sass
Icon photoshop
Icon bootstrap

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
Get Free Demo
Opt md thumbnail

We are here to help you!

173 Web Developers commented on this product

Report issue

monte.shaffer
  • downloaded
7 months ago

So the dashboard has a rounded image for the user. It seems you are using oAuth2 on your website to generate those. I didn't see an admin feature on "edit profile" to do this on the client side (e.g., upload image, resize, and move to fit in the circle).

axelut

@monte.shaffer thank you for your interest in our product. Are you talking about our creative-tim.com/downloads dashboard or about Material Dashboard PRO? For our website, yes we used oAuth2 but we are uploading square images while we make the round from CSS. On Material Dashboard PRO there is no oAuth2, it is just a plain HTML template which is haveing a file Upload plugin: http://demos.creative-tim.com/material-dashboard-pro/examples/forms/extended.html which is using the same CSS principles to make the image round. Please let us know if we can help you with anything else. Best, Alex!
7 months ago

yudhi.satrio
  • downloaded
7 months ago

Hi, actually I have this admin template to my project. It is smooth when it running on my development computer. Also I don't find any bugs when I try it on my computer. But the problems appear when my client try it on their computer, they can't scroll the website. FYI, my client computer is Windows based OS, any web browser is the same, can't scroll. My computer is Linux based and also I have checked it to my friend laptop that based on Linux and Windows. On linux running well, but no on windows (all browser). I try to analyze why it happen, then I found a class that have height using vh unit. It look like below .wrapper { position: relative; top: 0; height: 100vh; } when I try to remove the height, the scroll working but menu not working when I do this. Can you guys help me?

yudhi.satrio
  • downloaded

Actually I know the problem is. but still don't have any solution. The problem was perfect scrollbar, when it is on, the page can't scroll. for awhile I put it off. Maybe I miss something, but if you guys have a solution of this I will be very appreciate
7 months ago

axelut

@yudhi.satrio thank you for using our product and sorry for the late response. Yes, as you've seen we are using PerfectScrollbar to be sure that the Windows's scroll is replaced with a scroll bar that is looking better and gives the Dashboard a better look. Are you using the latest v1.1.0 version? We've checked and on our "live preview" the scroll is working fine on Windows. Do you have any link to your client website (if it is private please share it on our email and we will check there, not here public)? We will find a solution for that, no worries. Best, Alex!
7 months ago

yolberjp 7 months ago

Ustedes sencillamente son asombrosos. Crean un material de calidad que dan ganas de trabajar mas y mas en este mundo del desarrollo. Gracias por permitir que personas como yo, que por ahora no pueden pagar un paquete como este, puedan acceder a versiones free que fabulosamente encantan. Saludos.

axelut

@yolberjp thank you for the kind words! We are glad that our products are helping you. Best, Alex!
7 months ago

rmed19
  • downloaded
7 months ago

Hi, I got Material Dashboard Pro, I can't find how to change default pink color to blue Thx

axelut

@rmed19 thank you for using our product. Please check the folder documentation -> tutorial-components.html and you will find at the end of the file a tutorial on how to change the colors using SASS. Best, Alex!
7 months ago

gordan
  • downloaded
7 months ago

Hi, I'm getting a scroll bar on http://demos.creative-tim.com/material-dashboard-pro/examples/pages/login.html in Chrome and Firefox, on all resolutions. Any way to fix that?

axelut

@gordan thank you for using our product. Is this the same issue: https://github.com/creativetimofficial/material-dashboard-pro/issues/39 ? If yes, please add there some print screens with the problem and the details for the Browser and OS because on our systems and in all the tests the scrollbar doesn't appear. Thank you! Alex!
7 months ago

yudhi.satrio
  • downloaded
7 months ago

@axelut for now it is ok, but maybe later I will be asking you.

marcelolop3s
  • downloaded
7 months ago

Hello I would like to know how I do to increase the transparency of the sidebar?

axelut

Anonymous Tim thank you for using our product. Please go to line 5653 where is this class: .sidebar[data-background-color="black"] .sidebar-background:after, .off-canvas-sidebar[data-background-color="black"] .sidebar-background:after and change the opacity: .8 with the value that you want. Here is a print screen of the code: http://imgur.com/a/Lz5GR Best, Alex!
7 months ago

briandrought
  • downloaded
7 months ago

Hi, another PerfectScrollbar issue in IE11 / Edge I'm afraid. If you have a select dropdown with many options, the scrollbar vanishes. If you disable PerfectScrollbar is comes back. Works fine in FF / Chrome. I've done a fiddle: https://jsfiddle.net/9z4x2638/3/

briandrought
  • downloaded
7 months ago

Hah... solved it myself (kind of). Add this to the CSS: select { -ms-overflow-style: scrollbar; } Is there a hack to stop PerfectScrollbar trying to attack my selects ? I don't really mind the Windows scrollbar in that instance !

axelut

@briandrought thank you for using our product. There is an example in the documentation of how to use the perfect-scrollbar on elements that you don't want to have the default scrolled blocked. You can try to add the select inside a div with class ".ps-child" and the scroll should work fine for all it's children or add that class directly in the select tag. Please let us know if that was working. Best, Alex!
7 months ago

rmed19
  • downloaded
7 months ago

Hi, is there a way to apply styles for content loaded by ajax?

axelut

@rmed19 yes, you can do that by importing the Arrive Library before material.min.js like how it is explained here: https://github.com/FezVrasta/bootstrap-material-design#arrivejs-support Best, Alex!
7 months ago

rmed19
  • downloaded

thx @axelut for this response, but the problem still, did you have any example how to use it with material dashboard
7 months ago

axelut

@rmed19 yes, we are using that library here: https://github.com/creativetimofficial/material-dashboard-angular please use the "inspect element" to see how we added it. If it is still not working please send to us a link to your web app. Best, Alex!
6 months ago

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

Why our customers appreciate us

Design Quality

Design Quality

Design Quality

Nice ^^