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

zhangjiawei1104 10 months ago

Can I know what component include in the pro?

einazare
  • owner

Hello again @zhangjiawei1104 . Yes, you can find what components you will get by looking at the live docs of this product: https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/tutorial . Best, Manu.
10 months ago

hitatek
  • downloaded
10 months ago

Hi there, I have 4 questions about this product. I'll appreciate if you respond them. 1- Is there an easy way to make Sidebar entries smaller? 2- Is there anyway to put icon in sub-entries of sidebar, instead of "mini' tag of sidebar entries? 3- Is there any way to expand a list in sidebar programmatically to view the sub-entries? 4- Do you know how I can reduce height of footer? I changed some css variables but couldn't manage to do it. Thank you very much, Regards

einazare
  • owner

Hello there @hitatek and thank you for your interest in working with our products. 1) I believe that you are not speaking about changing the font size, just the button size. You can achieve this by changing the padding for the itemLink class inside src/assets/jss/material-dashboard-pro-react/components/sidebarStyle.jsx - line 222. and the collapseItemLink padding in same file at line 301. 2) At the moment no. You can achieve this, but you will struggle a lot since you will need to change our jss and our Sidebar component. 3) I do not understand the question. 4) You can achieve this in multiple ways, by adding a jss maxHeight prop on it, or even a height prop for that matter. Or you can do the same as with the links inside the sidebar, change the padding on the footer class inside src/assets/jss/material-dashboard-pro-react/components/footerStyle.jsx at line 27. Hope this information was helpful to you. Best, Manu.
10 months ago

hitatek
  • downloaded
10 months ago

Hello @einazare , thank you for your help. I was able to do all the changes that you offered. Sorry about question #3. Assume I have an entry in sidebar called parent and 2 sub-entries called A and B. When I enter URL of A sub-entry, the parent is collapsed. Is there anyway so that when page A is opened without using the dashboard links, I can expand the parent so the child can be visible? Best regards

einazare
  • owner

Hello again @hitatek , are you saying that you are on a link named A, and it is part of a collapse, and that collapse is not opened? Can you please open a Github issue here (https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues) and send me some screenshots with this issue? Best, Manu.
10 months ago

zhangjiawei1104 10 months ago

Hi again, how can I update my project with free version template to pro version? I saw the bootstrap in the asset. What's that use? Is it means they use two UI framework?

einazare
  • owner

Hello there @zhangjiawei1104 . Where did you saw the bootstrap in the asset? Best, Manu.
10 months ago

zhangjiawei1104 10 months ago

Hi Einazare, I saw it under the asset/js. I saw it using some sweetAlert which relate to bootstrap. By the way, which is the best way to update my current free version template to the pro one.

einazare
  • owner

Hello again, @zhangjiawei1104 . I think you are speaking about the react-bootstrap-sweetalert, that is a plugin used by us in this product. Yes, there might be parts of styles that come from bootstrap, but they are necessary for the plugins that were used in this product. Best, Manu.
10 months ago

zhangjiawei1104 10 months ago

I need to set up the project with redux soon. Can you give me some heads up how to set up the redux router? Which framework to use react-router-redux or react-router-dom? Thanks

einazare
  • owner

Hello again, @zhangjiawei1104 . I do not want to give you a direction on this matter. And this is due to the fact that if something were to not work correctly, the blame would fall on me. This has happened before, giving advice to our clients, than our clients would come back saying that it was my fault for not being able to finish their projects and so on. I believe this is something that you have to decide. I will say this, our product is using react-router-dom. You can check on google and see what people tend to use when working with redux, do they use react-router-dom or react-router-redux, what are the benefits of using one instead of the other etc. Hope you can understand my situation and find this comment useful. Best, Manu.
10 months ago

zhangjiawei1104 10 months ago

I create a new tab on Dashboard, but it always redirect to the home page when I click it .

einazare
  • owner

Hello again @zhangjiawei1104 . Can you please open an issue here: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues . And please use the given ISSUES_TEMPLATE. I cannot guess why you have that redirect. Best, Manu.
10 months ago

hitatek
  • downloaded
10 months ago

Hello @einazare , sorry I couldn't explain well. Assume that I have a parent entry in sidebarh /app/parent link, and 2 child entries called A and B linked to /app/A and /app/B. When I use sidebar to navigate through the pages, everything is fine. But if I enter /app/A link into browser, the "parent" is collapsed and I expect parent to be open because I entered /app/A which is a child of "parent". Is there anyway to expand the parent when a child's URL is entered to browser? Thank you

einazare
  • owner

Hello again @hitatek . Can you change the "/app/A" link to "/app/parent/A"? This way, our Sidebar component would know that "/app/A" is child of "/app/parent" link. Best, Manu.
10 months ago

jordiblanch
  • downloaded
10 months ago

Hello, using your routing system, how would you add another route with params that shows a page (with the same sidebar, header, etc...) for each row in a table? For example, take the React Table view of your demo, I'd like to add a link to each row (for example at the name column), and clicking that link should show another component. I know how to add the React Router Link to the column of each row, and clicking on the link shows the correct url at the browser, but I'm not able to make the app show the component I'd like to render for such url. Could you please tell how would you do that? Thank you!

einazare
  • owner

Hello there @jordiblanch . You can read about this here: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/51 . Best, Manu.
10 months ago

ericlevin
  • downloaded
10 months ago

@creative-tim -- what version of sketch are the files created with? I'm trying to open them in Adobe XD, and the app is failing. Apparently there are issues with XD opening sketch files created from certain versions: https://forums.adobe.com/thread/2488823 -- also, any desire to create these in Illustrator instead of PSD?

einazare
  • owner

Hello there @ericlevin . Thank you for your interest in working with our product. To be honest with you, it was made with an older version of Sketch by mistake. Right now our designers have the latest version of Sketch and they've started the migration last week. They're also working on some other projects, so the new version of Sketch should be done by next week. For the Illustrator, I've noted this and I am going to discuss it on our next meeting with the board. Hope this information helps you. Best, Manu.
10 months ago

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