Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! 🔥

Material Dashboard Pro Angular

Material Dashboard Pro Angular

Premium Bootstrap 4 Angular 8 Template
· 4.90/5 (225 Reviews)

License

2,805 Downloads
584 Comments
Premium Support
6 months Updates
Release: 2 years ago
Update: 2 months ago

200 Handcrafted Elements

15 Customized Plugins

6 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Material Dashboard Pro Angular 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?
  • Elements · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 200
  • Plugins · 15
  • Example Pages · 6
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Get Free Demo

We are here to help you!

584 Web Developers commented on this product

Github Docs FAQ Page

nicolasmichael.eljamal
  • downloaded
4 months ago

Hello! Quick question: we started developing our app with v. 1.2.1. How can we easily upgrade our old project to the new release? Cheers! Nicolas

chelaru_ciprian
  • owner

Hi, @nicolasmichael.eljamal . Thank you for using our product. The best way is to download the product again and work over it, because we made huge changes on the product(ex: Angular 2 to Angular 7, Bootstrap 3 to Bootstrap 4). All the best, Ciprian
4 months ago

nikhil.patil3ha
  • downloaded
3 months ago

Can I have navigation bar on top of the screen using this template?

chelaru_ciprian
  • owner

Hi, @nikhil.patil3ha . Thank you for using our product. You want the navbar to be fixed on top? Best, Ciprian
3 months ago

wendyilliam

great if has Fixed Header setting like AmpleAdmin
3 months ago

chelaru_ciprian
  • owner

You can add the class 'fixed-top' on the navbar and also add padding-left: 260px;. All the best, Ciprian
3 months ago

nikhil.patil3ha
  • downloaded

Yes @chelaru_ciprian we want nav bar on top. Horizontal nav bar. Can you please help.
3 months ago

duyar
  • downloaded
3 months ago

Can I use navigation pills inside a wizard?

chelaru_ciprian
  • owner

Hi, @duyar . Thank you for using our product. What do you mean? Do you want to change the wizard navigation with pills? Best, Ciprian
3 months ago

anamariaelinte12 3 months ago

Hello! I'm using your theme and in the left sidebar I have a path with children paths (and it looks like a dropdown - like the components path). How can I put it by default to be open, to show its children paths? Thank you

wendyilliam

Look at the Maps menu: <div id="maps" style="" class="collapse"> Just add "show" class, see: <div id="maps" style="" class="collapse show">
3 months ago

chelaru_ciprian
  • owner

Hi, @anamariaelinte12 . Thank you for using our product and sorry for the late response. Use the @wendyilliam solution. Best, Ciprian
3 months ago

wendyilliam 3 months ago

The sidebar is on left side, but while on mobile move to right side. How to make the sidebar consistently on left side (both for Desktop and Mobile)?

chelaru_ciprian
  • owner

Hi, @wendyilliam . Add the class "menu-on-left" on the body tag. All the best, Ciprian
3 months ago

jmcandia
  • downloaded
3 months ago

Hi! I'm using your template and I'd like to upgrade my app to latest version of Angular, but if I do that when y run it shows multiple errors messages. Can you help me with my problem? Best regards.

chelaru_ciprian
  • owner

Hi, @jmcandia . Thank you for using our product and sorry for the late response. Yes, I will try to resolve your errors. Can you tell me what errors do you get? All the best, Ciprian
3 months ago

jmcandia
  • downloaded

Hi @chelaru_ciprian . Finally I found the solution in this link https://github.com/creativetimofficial/ct-material-dashboard-pro-angular/issues/316 Anyway, thank you for your time and support. Best regards, José Miguel
2 months ago

muzeyr 3 months ago

Can we use server side rendering in datatables component?

chelaru_ciprian
  • owner

Hi, @muzeyr . Thank you for your interest in our product. We didn't use it and we don't know if it will work. Best, Ciprian
3 months ago

nhuo
  • downloaded
3 months ago

Hello, I'm newbie in Angular. How can I set login as default page? Without login, all navigation redirect to login page. Thanks

chelaru_ciprian
  • owner

Hi! Thank you for using our product. All you have to do is to go in the src/app/app.routing.ts file and replace the line 9 with redirectTo: 'pages/login'. Best, Ciprian
3 months ago

raminsoft 2 months ago

Hi, I can't see demo for RTL support on Pro version. Can you help me! thanks

raminsoft

Hi, I want to buy your beauty theme, but my manager must see RTL version. thanks
2 months ago

chelaru_ciprian
  • owner

Hi @raminsoft . Thank you for your interest in our product. You need to add the class "rtl" on the body tag, but you need to import the bootstrap-rtl file to see exactly the final result and you can add this if you have the product. All the best, Ciprian
2 months ago

beatlejuan52bs
  • downloaded
2 months ago

Hi @chelaru_ciprian How can I to add validation required for dropdown, combobox and checkbox with the same funcionality that basic information, I need to force user catch him that information, I trying to add it but looks like different do it. Can you give some tip or clue? https://demos.creative-tim.com/material-dashboard-pro-angular2/forms/wizard

beatlejuan52bs
  • downloaded

@chelaru_ciprian
2 months ago

chelaru_ciprian
  • owner

Hi @beatlejuan52bs . Sorry for the late response. I have not worked with this, but I found this tutorial: https://coryrylan.com/blog/creating-a-dynamic-checkbox-list-in-angular
2 months ago

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