Try ERPNext Buy Support Partners Foundation Foundation Members

Flat UI Theme for ERPNext v12

Something i had in mind since long, to do a flat version of UI for ERPNext v12 on the new desk 2.0. Would like to get some feedback. This is done as a custom app. And since i’m a new user, i can upload only one image.

I am a novice at using Git, so if someone can guide me how to upload the app to my repo, i will be glad to share it.

EDIT : I have uploaded the files to github. please download from here. Please notify me if it doesn’t work or if i need to do any changes.

20 Likes

@hashir nice work
you can read this to that:

1 Like

More screenshots

1 Like

thanks @Mohammed_Redha.

Will check the guide.

@Mohammed_Redha any idea why the post is unlisted and the OP content is flagged?

1 Like
1 Like

A discourse filter flagged your post. But after I canceled that, I had to manually change the unhide flag. A search turned up for eg. this https://meta.discourse.org/t/moderator-flags-as-inappropriate-should-hide-post/90048

2 Likes

@hashir I really like the design, do you have or find any documentation to how to create a custom UI in the v.12 ?

1 Like

Very nice design - it could be a cool idea to have a directory with Themes available for erpnext.

4 Likes

This is great, let me know if you want my help on sending to your repo.

1 Like

Good to see some colours. Many competing ERP throw in lots of eye catching UI without many meaningful functions but customers fall for it. Have got review that ERPNext is very bland. Serious customers take ERPNext and after few months of usage realise the power and potential behind it. Would be good if this kind of UI comes to core.

7 Likes

i dont have any documentation specific for custom UI, but few discussions which gave me some idea on how to create an app are,


https://frappe.io/docs/user/en/tutorial/new-app

Basically what i did was create a new app from bench using,
bench new-app app name

It created few files. And then i added my css in the public/css folder within the new app. The css path was also added on hooks.py

Then i installed the app to my site using,
bench --site sitename install-app appname.

Voila…

I will be posting link to the files once its on github.

3 Likes

This is good. If you need help with git then feel free to ask.

1 Like

Totally Agree. ERPNext is a really powerful and truly functional ERP system. Similar UI and colors will add value, for customers who go by looks.

yes please. i am using erpnext on bitnami stack. will that be ok?

Yes it is fine.
The easiest I can suggest is to create account on github.
Create new project and just copy paste all the files if there are only css n js from the ui customisation.

1 Like

i wish to work on more pages and design elements. so it would be good if i can push the new changes too. i already have an account on github and project created.

Thank you so much! I have to start “play” with template soon!

1 Like

i have pushed the theme to github. Thanks for helping me out.

4 Likes