Material Dashboard Pro

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

License

1,840 Downloads
186 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 1 month 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!

186 Web Developers commented on this product

Report issue

496901264
  • downloaded
4 months ago

After downloading the right side of the hue tool is not set, I do not know why this can help solve it?

axelut

@496901264 can you please give us more details about "hue tool"? Unfortunately, I don't know which is that tool. Best, Alex!
4 months ago

496901264
  • downloaded

Hello, the last question I have solved. But encountered many new problems, I would like to get a chart containing, add, delete, picture type. Do not know whether to achieve.
4 months ago

axelut

@496901264 good that you found a solution. For the charts, do you have an example that we can check? Maybe the documentation from Chartist.js would help: https://gionkunz.github.io/chartist-js/examples.html Best, Alex!
4 months ago

josemanuel.casaniguerra 4 months ago

In my download , dont have the file: _variables.scss y _typography.scss

josemanuel.casaniguerra

Solved! I redownload the files ..
4 months ago

fair.man
  • downloaded
4 months ago

How i can change position of nav-pills to center?

axelut

@fair.man please check this example: https://stackoverflow.com/questions/7165423/twitter-bootstrap-center-pills Best, Alex!
4 months ago

joakim.krassman 4 months ago

Hi, is it possible to change the color of the on/off button. It is now purple and I want some toher color of my choice?

axelut

@joakim.krassman for the colors, you have some classes like btn-primary, btn-info, btn-danger etc. which are described in documentation. For building new colors for buttons you need to go to the sass/material-dashboard/_buttons.scss and you will see around line 27 how we generate colors. You can add more colors by generating elements like that, to compile the SCSS, please follow the tutorial from the documentation (at the end of it). Hope this helps. Let us know your status. Best, Alex!
4 months ago

joakim.krassman

I was refering to the toggle button?
4 months ago

axelut

@joakim.krassman I understand now :-)) for the toggle, there is a file in scss/material-dashboard callsed _togglebutton.scss and starting with line 72 you will see the default color. So you either, change the variable with a color that you want or you directly change the $primary-color in variables.scss and everything will be changed automatically after the compilation of material-dashboard.scss. Hope this helps. Best, Alex!
3 months ago

talal.partage 4 months ago

Hello what are the dimensions of the logo ? thanks in advance

axelut

@talal.partage at this moment the logo is made of a simple regular text with a 40px height and variable width. If you change that with a logo it should have the same height 40px. Let us know how that worked. Best, Alex!
4 months ago

talal.partage

240*40 is a good size for logos
2 months ago

mohammed.els 4 months ago

If I purchased this template can you help me change layout to RTL.

axelut

@mohammed.els thank you for using our product. Unfortunately, we don't have anybody specialized in our team for RTL layout :-(. We can recommend you this library: https://github.com/morteza/bootstrap-rtl and then we can help with the CSS to move the menu to the right. Is this ok for you?
4 months ago

mohammed.els 4 months ago

I need same template with upper horizontal menu menu instead of side menu. is it available , if yes could you send me link for demo please. Thanks.

axelut

@mohammed.els unfortunately, we don't have that kind of menu implemented. If you could send us a link with an example I will talk with my team to see if we can add it in a future release. Best, Alex!
4 months ago

alan.afs89 3 months ago

Is there any release version of Material Dashboard Pro for Vue.js?

axelut

@alan.afs89 at this moment we don't have a Vue.js version. We are working for LBD Vue.js now. We will start working for MDPro at the end of October. Hope this information helps. Best, Alex!
3 months ago

gokhan.cınar 3 months ago

Hi. Thanks for the good work initially. My question is about sweetalert. I only need an error message with the "X". I couldn't figure out how to do that. Can you help me with that?

axelut

@gokhan.cınar thank you for the kind words. Since we did only the design for the Sweet alert and we don't know all the features that have, I recommend you to check the official documentation of the Sweet Alert here: https://limonte.github.io/sweetalert2/. Please let us know if you found what you need. Best, Alex!
3 months ago

gokhan.cınar 3 months ago

@axelut Thanks for the quick response. I managed to add it. Just in case someone else needs it, I modified the demo.js according to the information on the website:https://limonte.github.io/sweetalert2/.

axelut

@gokhan.cınar that's great!
3 months ago

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

Why our customers appreciate us

Design Quality

Designs are just awesome :)

Design Quality

I love this template! I've combined the SCSS files for this and the Material Kit Pro within my Rails project and its gorgeous! Can't wait for the BS4 version so I can update both templates for my project. Keep up the great work!

Design Quality