Material Dashboard

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

MIT License

99,585 Downloads
219 Comments
Regular Support
Lifetime Updates
Release: 1 year ago
Update: 3 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 · 27
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Upgrade to PRO

We are here to help you!

219 Web Developers commented on this product

Report issue

r.wobben
  • downloaded
8 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"); }});
8 months ago

r.wobben
  • downloaded

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

atmahamed
  • downloaded
8 months ago

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

r.wobben
  • downloaded
8 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.
8 months ago

atmahamed
  • downloaded
8 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!
8 months ago

paulkoduwa
  • downloaded
7 months ago

whats this template used for am a newbie

amer_g2003
  • downloaded
7 months ago

Thank you ... you help us

sergioolina
  • downloaded
7 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!
7 months ago

kevinedaniya
  • downloaded
7 months ago

how to stick table header ? @axelut

mihailikoloff
  • downloaded
7 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
7 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

i loved ist to easy to use

Design Quality

High level of design and user experience. All the concept and the actions by clicking on it is awesome. Very inspirer dashboard.

Design Quality

Easy to install and perfect UI response