Discussion on MaterialPro - Material Design Bootstrap 5 Admin Template

Discussion on MaterialPro - Material Design Bootstrap 5 Admin Template

Cart 1,306 sales
Well Documented

wrappixel supports this item

Supported

This author's response time can be up to 1 business day.

93 comments found.

Good afternoon!

Tell me, please, is this theme suitable as a crm for working with journalists?

Can I configure it without programming skills?

Hey, Its static html template, so you have to do programming to make it working. Thanks

After the last update, the height of the buttons in input groups is different from the height of the input field. Please correct as soon as possible.

We will update it, Thanks

The height of the buttons and inputs in the row is different not only in the input-group (default size: button – 33px, inputs 38px ?! Bootstrap button padding is in rem, yours in px (look in style.css, row 871 – .btn {padding: 7px 12px;font-size: 14px;cursor: pointer; }). Why?

app.sccs, row 1739, .form-control { ... min-heigh: 38px; .. } , row 1742, .form-control-sm{ .. min-height: 20px; ... }?!

Hi, in custom.js, row 195, .card-block should be replaced with .card-body

Hey yes, we will do it in next update, Thanks for informing.

when I run the demo, I see a style applied from _navbar.scss. But when I use it on my app referencing the style.css, those kinds of styles coming from scss are not being applied. And neither I see any _navbar.scss on the theme package. How does it work?

Well, its bootstrap scss, we can’t touch them, if you want to overwrite something then you can write it to our any scss file or css file. please let me know if you have any other query.

Thanks

oh, so I understand that those scss are bootstrap and not the theme custom styling? thanks

yes, that are not custom styling, ours is sidebar.scss folder and you can find our custom scss into scss folder. please let me know if you have any query.

How do I apply a horizontal sidebar in a dark theme?

well, it need little bit customzation, copy the sidebar.scss from the horizontal and also html of horizontal navbar and paste it on dark version. and compile scss.

Not yet?

hi, whats difference between Material Pro vs Monster Admin? How do I choose best and more complete? thanks!

Hey, Material Pro is based on Material Design, other than that, you can see only difference is design and color schemes, features are almost same. Thanks

Thanks for the updates. But the problem of aligning the icon with the text in the sidebar menu still exists.

.sidebar-nav > li – font-size:1rem (16px!?); line-height:1.5 (24px!?)
.sidebar-nav > a – font-size:15px; line-height:1.5 (22.5px!?)
.sidebar-nav > a i – font-size:21px; line-heigh:1.5 (31.5px!?); width: 27px; height: 27px;

I sent a mail about the problem one week ago.

After 18 days the bug is still unresolved!

Hey sorry for the inconvinionce, just give line-height:27px to icon thats it. we update it and upload it. if you are in a hurry then you can do it.

Thanks

Hi. This is about the profile card on the right side on https://wrappixel.com/demos/admin-templates/material-pro/horizontal/index3.html

I have placed my own high resolution image as background image in

<img class="card-img-top" src="../assets/images/background/profile-bg.jpg" alt="Card image cap" />

So far, so good. But when I resize the window, the background becomes either skewed or squeezed. I even tried to create an image with same dimensions as ‘profile-bg.jpg’, but still. My question: What properties (dimension, resolution,...) must the background image have to be visible without any obvious transformation? Or maybe you can suggest something else on how to have a card with profile picture AND profile background?

Thanks a lot

Hey hi,

its bootstrap4 default value, same thing happening with the bootstrap site also. but there is a solution you can use it in background instead of image. please let me know if you want more help?

Thanks

Hi there. Sure, I’d really appreciate if I could get a little help on that. what matters is to have it work without flaws. what would you suggest?

please mail us we will help you to setup in a background. and yes it will work.

Thanks

There is a problem with the styles for the plugin Datatables. Page https://wrappixel.com/demos/admin-templates/material-pro/material/table-data-table.html. No css styles in style.css for .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info. There is a problem with the page pagination too. Look to – paginate_button.previous.disabled:hover – white font, white bachground. Also, this pagination is different(Style, design and color) from the pagination of the theme.

There is a problem with the styles for the plugin Footable. Look page https://wrappixel.com/demos/admin-templates/material-pro/material/table-footable.html. The page pagination is different (style, design and color) from pagination of the theme. Missing styles for disabled state. For select, id=demo-show-entries missig css styles, no margin/padding. The tables(last element) in card-block have margin-bottom (1rem).... Bottom margin+padding for each card/card-block on the page is different.

Hi, Will fix them as well. Thanks for pointing it out.

Hey hi, You can download the latest version, we have updated. thanks.

Hi, Is there a per file change log available? Git diff?

Hey, Sorry but we dont have per file change log, the last update was about just updating colors and added loading bar to angular version.

Hi there. an email just came in about your latest update (24th July), can you please point out (key)features? nothing has been mentioned. Thanks a lot

Hey, We have added change log in description. Thanks

Can you provide a non minified version of stye.css?

yes can you send us a email on info@wrappixel.com we will send you non minified version of style.css

don’t worry, I did it myself. One other thing: I would like to combine the dark and horizontal style. I would have to merge the horizontal and dark but its tricky. Do you have that combined version?

Great theme!

Hey, Sorry, we dont have any version like that in our template.

I have a problem with the sidebar menu. When there is a url link (href=”starter-kit.html”) in a row 354, file material/starter-kit.html – the color of the active line is white(for white and for dark sidebars), not theme color .

ok thanks for letting us know, we are updating our template we solved it & you can download whenever it got approved.

Thanks There is a another problem with the css in the file blue.css and blue-dark.css. row 141 – .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover { color: #26c6da; } – green instead of blue
row 153 – .sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a { color: #ffffff; background: #26c6da; } – green instead of blue
row 166 .sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i { color: #26c6da;} – green instead of blue

Hey, Thats not the problem, we have designed it that way to have multiple colors, if you want to change that, you can easily replace color code in css and can make the way you want. Thanks

Hi, are you going to make a complete version in angular similar to the version in bootstrap?. Thanks

Hey Hi, we are looking to build, but its time consuming process, so we are not sure when we will be able to start and finish it. Thanks

Hi there. great theme. I see you are using different types/styles of checkboxes/radio buttons. I wanted to know how to mark a radio button (radio1) checked, as the regular “checked” attribute seems not working. Snippet is from your demo content.

   <label class="custom-control custom-radio">
      <input id="radio1" name="radio" type="radio" class="custom-control-input">
      <span class="custom-control-indicator" />
      <span class="custom-control-description">Toggle this custom radio</span>
   </label>

Many thanks

Hey hi,

just put checked=”checked” to the input thats it.
please let me know if you have any other query.

Hm, my bad. I had an invisible object with same attribute name. thanks anyway

hai.. how to set button color to orange or light green ?

Hey hi,

if you know scss then change the (success or danger) color in variable.scss and you will get that color button. and if you don’t use scss then you can give any class to the button and give background color to that class. thats it.

please let me know if you have any query mail us on info@wrappixel.com

i only use css , i try to put like this class=”btn-light-green” ,but does`t work .

Dear adfued9009,

and also add class like this class=”btn btn-light-green” add the following css to the style.css also

.btn-light-green{ background: #your color value; border:1px solid #your color value; }

put your light green color code instead of #your color value

you can mail us instead of comment.

will you be upgrading to angular 4 ?

Hey, Not now, we will do that in future, but it will take time as we might first complete Angular 2 version. Thanks

Good luck with sales – DCSF

Thanks

hi, where is the psd? thanks

Sure, will do that, Thanks

any news for me?

we are updating our package on Themeforest today, so you will soon be able to download new package with psds. You will be notified via email once our update is approved. Thanks

Thanks for the awesome template. I Found some faults in the RTL version of your template. Could you please look at Notifications design page for RTL template? Also timeline page have some serious problems in the current RTL version. I will report some other problem in the template in the following days. Regards.

can you please email us on info@wrappixel.com with screenshot, here its working fine.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey