Material Dashboard Pro Angular

Material Dashboard Pro Angular

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

License

2,895 Downloads
589 Comments
Premium Support
6 months Updates
Release: 2 years ago
Update: 4 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!

589 Web Developers commented on this product

Github Docs FAQ Page

poojakadam.932 3 months ago

I want date picker suitable to your dashboard ....can you plz give me source code ?

chelaru_ciprian
  • owner

Hi, @poojakadam.932 . Thank you for your interest in our product. You need to buy the product to have access to our code. All the best, Ciprian
3 months ago

roip890
  • downloaded
2 months ago

Hi, Not all the classes of the social buttons working. Only 4 of them works. Facebook and Instagram for example are not working. Thanks, Roi.

chelaru_ciprian
  • owner

Hi, @roip890 . Thank you for using our product. Can you give me more details and point me to the error? Best, Ciprian
2 months ago

damithmalalanayake
  • downloaded
2 months ago

Can I get this template without jquery by removing datatables.net?

chelaru_ciprian
  • owner

Hi, @damithmalalanayake . Thank you for using our product. We used jQuery for more components. We will try to remove jQuery on the future updates. All the best, Ciprian
2 months ago

damithmalalanayake
  • downloaded

Thank you!
2 months ago

kelvervices01
  • downloaded
2 months ago

How do I import json data to display on the chartist charts?

chelaru_ciprian
  • owner

Hi, @kelvervices01 . Thank you for using our product. Check the charts.component.ts file and you need to replace for example: dataRoundedLineChart or dataStraightLinesChart with your json data. All the best, Ciprian
2 months ago

nestor91_4_6
  • downloaded
2 months ago

i want to create a modal using material, but its not reacting how its supposed to. Drop down menu appears behind modal

chelaru_ciprian
  • owner

Hi, @nestor91_4_6 . Thank you for using our product. You need to add a higher z-index property on the dropdown menu. All the best, Ciprian
2 months ago

nestor91_4_6
  • downloaded
2 months ago

how do i hide an element on the side bar when it turns small?

chelaru_ciprian
  • owner

You can use *ngIf: https://angular.io/api/common/NgIf. Best, Ciprian
2 months ago

rogger771
  • downloaded
2 months ago

Hello, How can I reduce the speed of scrolling on the sidebar and the dashboard? prntscr.com/ojlh3y

chelaru_ciprian
  • owner

Hi, @rogger771 . Thank you for using our product. I believe this is a setting from your computer. I don't think you can achieve this by css. Best, Ciprian
2 months ago

rogger771
  • downloaded

I did the test on several computers, the scroll is too fast. Is it not a library configuration that use PerfectScrollbar? wheelSpeed?
2 months ago

chelaru_ciprian
  • owner

Hi, @rogger771 . You are right, here is the documentation and some examples on how to add wheelSpeed: https://www.npmjs.com/package/perfect-scrollbar#options. You need to add options on the 'ps' variable in the admin-layout.component.ts. Best, Ciprian
2 months ago

anamaria_melinte2000 2 months ago

Hello! How can I use the beautiful scrollbar from the right with my custom overflows?

chelaru_ciprian
  • owner

Hi, @anamaria_melinte2000 . Thank you for using our product. What custom overflows have you made? All the best, Ciprian
2 months ago

livthomas 2 months ago

Are there any Angular components that we can use or is it just this demo application from which we need to copy all the code and create our own components?

chelaru_ciprian
  • owner

Hi, @livthomas . Thank you for your interest in our products. We have just working products. Best, Ciprian
2 months ago

beatlejuan52bs
  • downloaded
2 months ago

Hi @chelaru_ciprian I'm trying to put directly in my form builder the patter of the mail validation from validationforms.component.ts, my sintaxis is: email: [null, [Validators.required, Validators.maxLength(100), Validators.pattern('/^(([^<>()\[\]\\.,;:\[email protected]"]+(\.[^<>()\[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/')]], But it does not work ¿Do you have other solution? Regards.

chelaru_ciprian
  • owner

Hi @beatlejuan52bs . Have you tried our pattern(email: [null, [Validators.required,Validators.pattern("^[a-z0-9._%+-][email protected][a-z0-9.-]+\.[a-z]{2,4}$")]],)?
2 months ago

beatlejuan52bs
  • downloaded

Hi @chelaru_ciprian I tried, but doesn't work like the other pattern for the short pattern [email protected] its a correct email, must to be [email protected]
2 months ago

chelaru_ciprian
  • owner

@beatlejuan52bs can you try: email: new FormControl('', Validators.compose([ Validators.required, Validators.pattern('^[a-zA-Z0-9_.+-][email protected][a-zA-Z0-9-]+.[a-zA-Z0-9-.]+$') ]))?
2 months ago

chelaru_ciprian
  • owner

https://demos.creative-tim.com/material-dashboard-pro-angular2/#/forms/validation please check our examples.
2 months ago

beatlejuan52bs
  • downloaded

Hi again @chelaru_ciprian the examples is near of my requeriments, but accept "," example, "[email protected],co" for the pattern in forms/validation is a correct email, the javascript in line 142 works correctly, I think I'll use it for the moment and I'll be waiting for a update with formbuilder. Regards
2 months ago

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