MD Bootstrap, Material Design

[Freddy_Blockchain]

Would be nice to have Bootstrap Materialdesign, they have very nice cards and rich design and alot of wappler feature requests could be solved with that. But maybe its a „pro“ plugin…?

• gradients (already a feature request)
• shadows (also feature request)
• extended cards
• mega menu (feature request)
• sortable elements (feature request) https://mdbootstrap.com/plugins/jquery/sortable/
• and even editable table…?

My Question: I see there is a pro version also and maybe it could be added like Fontawesome in two editions. (basic/pro).

Maybe they would agree with a deal with wappler, discount or similar.

And the next question is about editable table. How would it be possible to store back infos? I mean it would be so amazing helpful to have this for admin use!

https://mdbootstrap.com/docs/jquery/components/demo/

Gradients here
https://mdbootstrap.com/docs/jquery/css/gradients/

[pigeon]

does the new version of wappler have this feature?? MD Boostrap, material design???

[Teodor]

Hello, MD Bootstrap is not available in Wappler, but we’ve added a Theme Manager which allows you to customize your Bootstrap 4 styles, so please check it out:

PREVIEW: Theme Manager

Please welcome the new Theme Manager! Now you can fully customize Bootstrap 4 design as per to your needs! We have integrated a high speed Sass compiler in Wappler so fully theme compilation and generation takes a split second to produce! Also we have created great Theme Manager panel where you can choose ready to go color themes, select great looking Google fonts and much more! Note: this is an experimental feature, so you need to turn on Experimental features in your Wappler Global optio…

[turn3636]

We use MD design quite often in our projects. Just add the css files and you are good.

[nshkrsh]

we have used this theme with Wappler: https://demos.creative-tim.com/material-dashboard-pro/examples/dashboard.html

works well for most part. couple of quirks you need to figure out depending on the components you use.

[Akayy]

Is it possible to use mdbootstrap css & scss in wappler like how it’s achieved in this pinegrow article? - https://pinegrow.com/tutorials/how-to-use-material-design-for-bootstrap-mdb-ui-kit-with-pinegrow/

I have never used pinegrow, but found it relevant as I was exploring mdbootstrap as I’m after a nicer design. I’m aware of wappler theme manager, but I’m after some out-of-the-box mdbootstrap components… (eg, editable table like this - https://mdbootstrap.com/docs/jquery/tables/editable/)

[turn3636]

Just link it after your bootstrap css file. Be sure and include the javascript files also.

	<link rel="stylesheet" href="../bootstrap/4/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/mdb.min.css" />

We have several projects with MDBootstrap Pro.

[brad]

I see most of the very cool features are extra third party plugin purchases though. Not sure how that would work. But there is definitely some cool features. I’m going to look further into them and see if I can add any of it to my dashboard project.

[turn3636]

True, there are a lot of add ons, but we have the pro package and a lot of the features are just css. We don’t have any of the 3rd party extra plugins.

[GlobaticoLabs]

how do you manage to make is working in the “design” section of Wappler.
I did some test and got it working in the browser but there is no CSS applied in the design section of Wappler.

[ben]

If this does not help

@turn3636

Just link it after your bootstrap css file. Be sure and include the javascript files also.

	<link rel="stylesheet" href="../bootstrap/4/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/mdb.min.css" />

then I do not understand your question. Please elaborate.

[GlobaticoLabs]

I did that, but will reload Wappler and double check.

[GlobaticoLabs]

working fine, add to add bootstrap at content page too.