Material Dashboard

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

MIT License

89,439 Downloads
212 Comments
Regular Support
Lifetime Updates
Release: 1 year ago
Update: 1 month 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
Upgrade to PRO

We are here to help you!

212 Web Developers commented on this product

Report issue

r.wobben
  • downloaded
6 months ago

How can I take care that the right page is the active one in the menu. When I click on the menu now . The first one still is the active one ?

atmahamed
  • downloaded

@r.wobben Hi, Consider this is the navigation panel. <div class="sidebar-wrapper"> <ul class="nav"> <li id="lnkUserProfile"> <a href="/Home/MyProfile"> <i class="material-icons">person</i> <p>User Profile</p> </a> </li> </ul> </div> Add this in your html $(document).ready(function () { var url = document.URL; if (url.indexOf("Home/MyProfile) > 0 ) { $("#lnkUserProfile").addClass("active"); $("#anyotherlinkId").removeClass("active"); }});
6 months ago

r.wobben
  • downloaded

@atmahamed hmm, that will be a lot of if then , if you have for example 5 menu items.
6 months ago

atmahamed
  • downloaded
6 months ago

How do i change the textbox focus color to other colors? I see purple is the default..

r.wobben
  • downloaded
6 months ago

@atmahamed hmm, that will be a lot of if then , if you have for example 5 menu items.

r.wobben
  • downloaded

This one can be deleted.
6 months ago

atmahamed
  • downloaded
6 months ago

@axelut, How do i change the textbox focus color to other colors? I see purple is the default..

alexpaduraru
  • downloaded

@atmahamed please check the line 2834 from material-dashboard.css: https://imgur.com/a/G4jon Best, Alex!
6 months ago

paulkoduwa
  • downloaded
5 months ago

whats this template used for am a newbie

amer_g2003
  • downloaded
5 months ago

Thank you ... you help us

sergioolina
  • downloaded
5 months ago

Hello! I just downloaded the theme, but I really do not know how to add it to compile it with laravel mix, I love that all my projects only have one app.js and app.css so I do not know how to compile it, would you have a tutorial? Thank you very much...

alexpaduraru
  • downloaded

@sergioolina thank you for using our product. Unfortunately, we don't have experience with Laravel Mix, but maybe this tutorial will help: https://laravel.com/docs/5.5/mix Best, Alex!
5 months ago

kevinedaniya
  • downloaded
5 months ago

how to stick table header ? @axelut

mihailikoloff
  • downloaded
5 months ago

Hi, I want to try out the free version, so that we can evaluate buying the PRO one, but since I am new to angular and material I can't install the theme to our project. Its an ASP.NET MVC project which uses Angular 4 with Angular Material UI. So in the project folder we already have components, package.json etc. but I am not sure how to proceed so that I can add the styles of the theme and use them. Thank you.

shashidhar.s
  • downloaded
5 months ago

hi, how to add only icon side bar menu.

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

Why our customers appreciate us

Design Quality

Design Quality

Really great bootstrap based version of all the material dashboards.

Design Quality

Awesome! It saves a lot of time.