Start planning your summer holiday ☀️! 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 (214 Reviews)

License

2,713 Downloads
567 Comments
Premium Support
6 months Updates
Release: 2 years ago
Update: 6 days ago

200 Handcrafted Components

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?
  • Components · 60
  • Plugins · 2
  • Examples Pages · 3
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Components · 200
  • Plugins · 15
  • Example Pages · 6
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Get Free Demo

We are here to help you!

567 Web Developers commented on this product

Github Docs FAQ Page

inovatec 4 months 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
4 months ago

rontiero
  • downloaded
4 months 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
3 months 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
3 months 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
3 months 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
3 months ago

chelaru_ciprian
  • owner

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

luisantiagosorio
  • downloaded
3 months 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
3 months ago

rafa_thaay 3 months 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
3 months ago

aymanadri
  • downloaded
3 months 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
3 months 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
3 months ago

rhine.bandyopadhyay
  • downloaded
3 months 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
3 months 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.
3 months 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
3 months 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.
3 months ago

chelaru_ciprian
  • owner

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

rhine.bandyopadhyay
  • downloaded

Bootstrap 3.3.5. I checked the product version. Its 1.5
3 months ago

rhine.bandyopadhyay
  • downloaded

Hi @chelaru_ciprian, any updates?
3 months 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
3 months 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.
3 months ago

aymanadri
  • downloaded
3 months 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.
3 months ago

hassenezghani 3 months 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
3 months ago

chelaru_ciprian
  • owner

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

hassenezghani

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

lduarte
  • downloaded
3 months 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
3 months ago

lduarte
  • downloaded
3 months 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
3 months 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
3 months 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
3 months ago

chelaru_ciprian
  • owner

@lduarte you want to look exactly like the default example from datatables?
3 months 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
3 months 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
2 months 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
2 months ago

chelaru_ciprian
  • owner

Hi, @lduarte . I'm so sorry for the late response. Here are the changes I made to remove our styles. 1) I changed the 'datatables.net-bs' from package.json with 'datatables.net-bs4'. 2) remove our styles from 'src/assets/scss/material-dashboard.scss'(line 73). 3) change the javascript import from angular.json to match the bs4 version. 4) I have added their style "node_modules/datatables.net-bs4/css/dataTables.bootstrap4.css". I'm waiting for your response. Sorry again for the late response.
2 months ago

lduarte
  • downloaded

Hi, @chelaru_cipriano I made the agreed, but the style of the select the control that changes the amount of data to show, I had to put the bootstrap and not yours, but it does not look very good, you can not see the arrow of the select, https://ibb.co/6n2Psxb
2 months ago

chelaru_ciprian
  • owner

@lduarte if I understood correctly, you need to add this scss .dataTables_wrapper select {-webkit-appearance: menulist;}. Best, Ciprian
2 months ago

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