The first 100 people that buy one product, will get another one for free.

Material Dashboard Pro React

Material Dashboard Pro React

Premium Material-ui Admin
· 4.90/5 (152 Reviews)

License

2,381 Downloads
298 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 27 days ago

200 Handcrafted Elements

10 Customized Plugins

8 Example Pages

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

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

We are here to help you!

298 Web Developers commented on this product

Github Docs FAQ Page

hitatek
  • downloaded
10 months ago

Hello @einazare , I created a parent with /app/User link and 2 childs as /app/User/Add and /app/User/List as you suggested. While using the sidebar it works but if I enter /app/User/List to URL, the parent is collapsed. Is this a bug?

einazare
  • owner

Hello again @hitatek . If you navigate on this link here: https://demos.creative-tim.com/material-dashboard-pro-react/#/components/buttons . You will see that our collapse is opened. The <<Components>> collapse is opened. I now believe I found your issue. Have you added the collapse state for your newly created collapse as suggested in our live docs here: https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/routing-system (state (name of the state from src/components/Sidebar/Sidebar.jsx component used to know if the collapse is open or not)). You also need to add that state inside the Sidebar component as we've done with the other ones. Do you understand? Best, Manu.
10 months ago

hitatek
  • downloaded
10 months ago

Hello @einazare , I added my pages' state for sidebar with this.activeRoute and and it works fine now. Thank you very much.

einazare
  • owner

Hello again @hitatek . Glad that everything works fine now. Happy Hacking! Best, Manu.
10 months ago

zhangjiawei1104 10 months ago

Thanks. I figure it out. By the way, do you have any component of notification and loading not the views in the demo? Is it a good idea to change the code under components folders? For example, I want to move the profile from the sidebar into the header.

einazare
  • owner

Hello, again @zhangjiawei1104 . For the notifications we have this component: <<https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/snackbar>>. And for loading, we have the progress bars here: <<https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/linear-progress>>. Also, I think you can do whatever you want with the product after you've bought it, but I can't give you a straight answer to the second question. If I say yes, and then you are having some issues with that, you could come back and say it was my fault. And I do not want that to happen. If you are going to decide to change our components, I can give you this little hint, so you would be able to make the updates easier. Keep our product on a private Github repo unaltered, and on each of our update, download again the product and put it over that private repo. Github will automatically tell you the differences, that way I believe you will be able to update your project to our new product a bit easier. I've given as an example, Github, but you can use whatever versioning control toll you want. But once again, this is merely a friendly advice - so if you go with it, it is on your own. Hope this information helps you. Best, Manu.
10 months ago

zhangjiawei1104 10 months ago

One more question, if I want to show a new view by using click the button in Header, how can I set the Route. Am I need to write it under routes/xxx.jsx?

einazare
  • owner

Hello again @zhangjiawei1104 . Yes, you either need to add it in one of our routes files, or you can create a new file for it and see how you integrate your new file with our routes. Best, Manu.
10 months ago

milanvlach1
  • downloaded
9 months ago

Hi @einazare. I was wondering if it would be possible to obtain a link to the repository and load the theme as a dependency using yarn/npm rather than raw code stored together with the applications as the documentation proposes. Cheers!

einazare
  • owner

Hello there @milanvlach1 . Thank you for your interest in working with our products. At the moment we do not have a npm version for this product (actually for none of our PRO themes). The access to the repo cannot be given since the taxes to keep the repo up and running would be too high. We recommend our users to create their own repo in which they can keep our product unaltered and on our updates, you just need to download the product again, put it on top of that repo, and Github would tell you the differences from one version to another automatically. Not sure if you've understood this. Best, Manu.
9 months ago

ryanjesus_11 9 months ago

Hi, I was trying to change the route '/' to '/pages/login-page', but the login component was renderized on dashboard component. I also tryed to change redirect to this page, but when I go to dashboard and try to acess other component, it redirect me to login page. How can I do this? @einazare

einazare
  • owner

Hello there @ryanjesus_11 . Thank you for your interest in working with our products. Have you read our live docs about our routing system: https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/routing-system . Also, if our routing system is to hard to understand, we recommend you to rewrite it to your own likings. You can also revert back, and create the routes static, as most of the React developers are doing. Like the way, the official docs of react-router-dom says so: https://reacttraining.com/react-router/web/guides/quick-start . And only keep the dynamic routes for the Sidebar component's Links. Hope this information was of help. Best, Manu.
9 months ago

ryanjesus_11

Yep, sorry for my bad explanation. My problem is: when I go to /dashboard and click on link to /dasboard/components/buttons or any other routes I'm redirected to /pages/login or the page don't render the component of the route. I read the documentation, but found nothing talking about this "problem". I'm sorry if I'm talking some nonsense hahahaha. I wait for a hand @einazare
9 months ago

einazare
  • owner

Hello again @ryanjesus_11 . Revert back the changes made to our routing system. Be sure to have the routes as they were when you first downloaded the product. After that, go inside <<src/routes/dashboard.jsx>> and then, change this line: << { redirect: true, path: "/", pathTo: "/dashboard", name: "Dashboard" } >> to << { redirect: true, path: "/", pathTo: "/pages/login", name: "Dashboard" } >>. And you should have the desired effect. Best, Manu.
9 months ago

jukkahuuskonen 9 months ago

Hi, just noticed that this kit uses CRA v1.1.5 which does have the event'stream vulnerability (https://arstechnica.com/information-technology/2018/11/hacker-backdoors-widely-used-open-source-software-to-steal-bitcoin/). Do you know how to fix this problem?

jukkahuuskonen

@einazare Hi, actually it seems that the problem is in npm-run-all pakcage.
9 months ago

einazare
  • owner

Hello again, @jukkahuuskonen . Is this still an issue? Best, Manu.
9 months ago

jukkahuuskonen 9 months ago

@einazare Looks like installing npm-run-all 4.1.5 fixes the problem.

einazare
  • owner

Hello again @jukkahuuskonen . Glad that everything is fine now. Best, Manu.
9 months ago

jukkahuuskonen 9 months ago

@einazare Hi again. Do you know if we can switch to use react-scripts 2.1.1 or will it brake these Material kits from PRO-pack? There are a few vulnerabilities reported by npm in react-scripts v1.1.5.

einazare
  • owner

Hello there, @jukkahuuskonen . Yes, it will break the npm-run-all script. You will need to refresh the page two times to work. Not sure what the fix would be in that case, since I haven't started the update for this product. Best, Manu.
9 months ago

zhangjiawei1104 9 months ago

Hi Einazare, I added a component Loader. I imported the file to the Dashboard Layout. I use the state to control the loading show or hide. I passed a method which use to toggle the variable to each Route. When I change the value of the state, it will always redirect to the default page.

einazare
  • owner

Hello again, @zhangjiawei1104 . I really do not understand your issue. Please open an issue here: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues . Best, Manu.
9 months ago

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