Material Dashboard Pro Angular

Help us be cool on Github! 😏 Take a look at our Material Dashboard and if you love it as much as we do, give us a star ⭐️ 🐱

Material Dashboard Pro Angular

Premium Bootstrap 4 Angular 6 Template
· 4.80/5 (140 Reviews)

License

1,833 Downloads
423 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 13 days ago

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 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?
  • 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

We are here to help you!

423 Web Developers commented on this product

Report issue

danska
  • downloaded
6 days ago

@chelaru_ciprian What would be the beat way to disable scroll in mobile view while the sidebar is open? I want to disable scroll while it is open because the sidebar doesn't always properly move with the scroll and then we have problems with the position of the taps. I would also like it if the sidebar collapsible items collapse when the sidebar is closed. Right now they remain opened which looks a bit weird. I would prefer sidebar items to fold back when it closes.

chelaru_ciprian
  • owner

Hi, @danska ! Thank you for using our product. If you want to disable the scroll you need to set in scss overflow: hidden; on .nav-open .wrapper. If you want to close the collapsible items when you close the sidebar you need to change the function for closeSidebar() from navbar.component.ts to remove the class show(if it was added) and to change the aria-expanded to false, but I think this is not a good user experience. Best, Ciprian
5 days ago

danska
  • downloaded
6 days ago

Please and me to github. utkarshns

chelaru_ciprian
  • owner

I've sent you an invitation. Best, Ciprian
5 days ago

danska
  • downloaded
5 days ago

@chelaru_ciprian Quote:"if you want to disable the scroll you need to set in scss overflow: hidden; on .nav-open .wrapper." This doesnt seem to be working, would be great if you can tell which files to edit. On chrome for Android, this creates a lot of problem. Thanks

chelaru_ciprian
  • owner

I've tested it and all is working fine. What problems do you encounter?
1 day ago

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

Why our customers appreciate us

Design Quality

It's the most beautifull dashboard that I found ever!

Design Quality

good

Design Quality

me encanta