Material UI for Web Portal

I was trying out Material Design for bootstrap
reference : http://fezvrasta.github.io/bootstrap-material-design/

I just hacked in the css/js into web template and made it up and running.
https://github.com/mntechnique/webover/blob/develop/webover/www/landing.html#L18 [hard coded]
I copied the components demo mentioned above into the site1.local/landing.html

I’ll build it into assets and push update later.

Suggestions and ideas welcome.
source: https://github.com/mntechnique/webover

3 Likes

Personally, I am not a material fan!

1 Like

In this use case, neither am I. Material Design “wastes” a lot of space, and I personally feel that is currently one of the biggest weaknesses of the ERPNext UI presently.

1 Like

Feel free to propose an alternative!

I am completely agree with rmehta… ERP systems should be reliable systems

The alternative is “full width” everything, especially reports, doctype lists, and doctype pages. But that would require a top to bottom UI and UX review by people who are good at that, and then lots of development.

I’ve seen a few posts about this, but I don’t think anyone in the community (myself included) has the desire and resources to make this happen.

Also, don’t interpret “biggest weakness” as “bad” - ERPNext is still one of the best ERPs in the UI/UX area. I’m just pointing out that material design only exacerbates rather than improves what I construe to be a present weakness.

Thanks for this valuable contribution.
Is it available as an app that we can directly install on erpnext?
How did you made this?
I am new to erpnext, and think this can be an excellent learning resource.
How can we style the frontend (public website)?

@pee

Maybe check out these custom app examples

but which repostory in ‘revant’?
are there demo sites to view this?
Thanks,

Don’t be shy to connect the dots here…

I don’t understand the meaning of this?

@pee the only thing i can think is they work for the same company

ah okay @woakes070048, that makes sense, thanks!

Reference App:

get the app on local bench

bench get-app https://github.com/mntechnique/webover

Install it on your current site or make a new site and install app

bench new-site test_materialui
bench use test_materialui
bench install-app webover
2 Likes

thanks @revant_one! is there a demo site too?
this is for the backend site, but ow do you theme the public website?

This app does not theme the desk interface. It themes the public front end website as you need it.

By referring this app you can import any js library to web view

2 Likes