Material Dashboard Pro Angular

Interested in all of our Premium Products? Get our Awesome Bundles at a special price! 🔥🔥🔥

Material Dashboard Pro Angular

Premium Bootstrap 4 Angular 7 Template
· 4.90/5 (199 Reviews)

License

2,559 Downloads
548 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 4 months 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
  • + Sketch Files
Get Free Demo

We are here to help you!

548 Web Developers commented on this product

Github Docs FAQ Page

inovatec 1 month ago

Hi, Ciprian. I'm looking for alternatives to creating both the MENU and the element to access the CATEGORIES of my website / blog and I found the solution that you used in the "Angular Themes" ----> Bootstrap Angular Themes (menu to the left of the https://demos.creative-tim.com/material-dashboard-pro-angular-2/dashboard link). Is it possible to purchase your product and use this retractable and multilevel MENU on my site? How do I update and connect to other elements on my site? Is it possible to hire you to make the adjustment and application to my site (I am a Builderall Affiliate)? Thanks

chelaru_ciprian
  • owner

Hi, @inovatec . Thank you for your interest in our products. Yes, you can use our product. To connect with your website, you need to add our style in your application and after that use our components(I think you should try this with the free version first: https://www.creative-tim.com/product/material-dashboard-angular2). Unfortunately, we are not doing client based projects, we are very busy with the development of new products for _creative-tim.com_ (http://creative-tim.com/). We can offer you any of our UI products: http://www.creative-tim.com/bootstrap-themes and then recommend you some friends who can help you with the development: Name: Humphrey Pietersen Email: [email protected]_ (mailto:[email protected]) Name: Alex Plop Email: [email protected]_ (mailto:[email protected]) Name: Diana Miron Email: [email protected]_ (mailto:[email protected]) Hope that information helps you. Please let us know if we can help you with anything else. All the best, Ciprian
1 month ago

rontiero
  • downloaded
1 month ago

#BUG I have downloaded the angular material dashboard Pro I found a BUG in this template. Once a mouseover event is throw ALL HTML, in a component, are reloaded. There are possibility to fix this problem?

chelaru_ciprian
  • owner

Hi @rontiero . Thank you for using our product. Can you tell me in what component do you get the errors? Best, Ciprian
29 days ago

rontiero
  • downloaded

@chelaru_ciprian In all components. You can replicate the problem inserting, in the component.html, one js function with one console.log ('Refresh html'), open the browser in this component with the chrome inspector. If you scroll the page or press any keys or move the mouse in a component you can see the Logs in the inspector repeted for each events. This involves hundreds of reloads of the dom
29 days ago

chelaru_ciprian
  • owner

@rontiero since I don't have component.html, I can't replicate the problem. Can you give me the exact steps to reproduce it? Best, Ciprian
22 days ago

rontiero
  • downloaded

Yep, If you put, in your template, in app/forms/regularforms.component.html this snipped code: {{testRefreshHtml()}} after html tag <div class="container-fluid"> and before <div class="row"> Then put in RegularFormsComponent (app/forms/regularforms.component.ts) this function: testRefreshHtml(){ console.log("REFRESH HTML"); } Now save all, run the template, go to page /forms/regular and open browser inspector. If you pren any button, scroll the page, click on any input, you can view hundreds of logs with "REFRESH HTML" written
21 days ago

chelaru_ciprian
  • owner

@rontiero it seems that is an Angular behavior and it's not from our product. Best, Ciprian
21 days ago

luisantiagosorio
  • downloaded
29 days ago

Hello, I have a question. Does the theme has some loading effect or transition between pages?

chelaru_ciprian
  • owner

Hi, @luisantiagosorio . Thank you for using our product. We don't have these effects on our products. All the best, Ciprian
29 days ago

rafa_thaay 26 days ago

Boa noite, tudo bem? Me tira uma dúvida, vi que o template é para usar angular 2 para cima. Eu conseguiria usar o template incrível que vocês montaram com angularjs? Obrigado!

chelaru_ciprian
  • owner

Hi, @rafa_thaay . Thank you for your interest in our product. Unfortunately, we are not using angularjs. Best, Ciprian
22 days ago

aymanadri
  • downloaded
23 days ago

Hello i am facing problems with server side rendering by using angular universal . can you help me out how can i render it on server side ?

aymanadri
  • downloaded

@chelaru_ciprian please help me out
22 days ago

chelaru_ciprian
  • owner

Hi, @aymanadri . Thank you for using our product. We didn't use angular universal and I can't help you with the integration. But I found an interesting tutorial about it: https://medium.com/@MarkPieszak/angular-universal-server-side-rendering-deep-dive-dc442a6be7b7. All the best, Ciprian
22 days ago

rhine.bandyopadhyay
  • downloaded
22 days ago

@chelaru_ciprian : I am facing an issue with the template. A huge amount of space gets appended on the right panel. I can't find any content there however, the page scroll increases. No error is thrown in the console.

chelaru_ciprian
  • owner

Hi @rhine.bandyopadhyay . Thank you for using our product. Can you tell me the OS and the browser? Also, do you have the latest version of the product? Best, Ciprian
22 days ago

rhine.bandyopadhyay
  • downloaded

I am using Chrome 72 on macOS 10.14. This is not the latest version of the product. I am using version 1.5 as we already have a huge codebase. Will take some time to upgrade without breaking.
21 days ago

chelaru_ciprian
  • owner

Hi again! It seems you have bought the product in October and at that time it was v2.1.1. How have you got v1.5.0 of the product? All the best, Ciprian
21 days ago

rhine.bandyopadhyay
  • downloaded

Hi, I might be mistaken. After the purchase, we updated the code to the release with Angular 5. That was the last update to the template.
21 days ago

chelaru_ciprian
  • owner

@rhine.bandyopadhyay I'm confused. Do you use the version with Bootstrap 3 or Bootstrap 4?
20 days ago

rhine.bandyopadhyay
  • downloaded

Bootstrap 3.3.5. I checked the product version. Its 1.5
20 days ago

rhine.bandyopadhyay
  • downloaded

Hi @chelaru_ciprian, any updates?
5 days ago

chelaru_ciprian
  • owner

@rhine.bandyopadhyay I have checked that version and all is working on our side. Can you give me the steps to reproduce the error? Best, Ciprian
5 days ago

rhine.bandyopadhyay
  • downloaded

@chelaru_ciprian, I can arrange for a remote session. The scroll issue is happening very randomly. I wish I could give you the steps to reproduce, but it's happening so randomly that I can't give you the exact steps to reproduce.
5 days ago

aymanadri
  • downloaded
22 days ago

Did you guys even test your product ? if download and and run ng build --prod and theres more than 5 errors on it

chelaru_ciprian
  • owner

@aymanadri download the latest version and try again.
22 days ago

hassenezghani 21 days ago

hello @chelaru_ciprian ! can you explain to me how to add a new sidebar background color ? or changing the existing one

chelaru_ciprian
  • owner

@hassenezghani can you tell me the email address? Best, Ciprian
8 days ago

chelaru_ciprian
  • owner

@hassenezghani thank you for your interest in our product. Have you bought the product? All the best, Ciprian
20 days ago

hassenezghani

@chelaru_ciprian yes i have ! i can't find a configuration file or something
11 days ago

lduarte
  • downloaded
20 days ago

@ @chelaru_ciprian Hi I would like to put the same styles of Bootstrap 4 to datatable.net, as it appears in the datatable examples. That I have to do? Thank you

chelaru_ciprian
  • owner

@lduarte at what do you mean when you say "the same styles of Bootstrap 4 to datatable.net"? Best, Ciprian
20 days ago

lduarte
  • downloaded
20 days ago

@chelaru_ciprian Thanks for answering, I mean that the datatable.net page uses bootstrap 4, I would like it to be displayed as this example https://datatables.net/examples/styling/bootstrap4.html using those same css Thank you

lduarte
  • downloaded

@chelaru_ciprian Hi, help me
13 days ago

chelaru_ciprian
  • owner

@lduarte you need to remove the line 73 from material-dashboard.scss file and import the default scss file from datatable.net. Best, Ciprian
13 days ago

lduarte
  • downloaded

Hi @ @chelaru_ciprian I already commented the line 73, I found the css and not scss of datatable, I put them in the angular.json, and it did not work for me the styles are damaged Thank you
7 days ago

chelaru_ciprian
  • owner

@lduarte you want to look exactly like the default example from datatables?
5 days ago

lduarte
  • downloaded

@chelaru_cipriano Hi If at least you can change the styles according to the documentation that gives Datatables.Net or look like the examples of datatables, put borders to the table
5 days ago

lduarte
  • downloaded

@chelaru_cipriano Hi If at least you can change the styles according to the documentation that gives Datatables.Net or look like the examples of datatables, put borders to the table
1 day ago

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