New Custom UI Theme for ERPNext - Flat Design

I just installed the app and It works fine, the left menu is very handy but isn’t translated.
Also, I think the responsive needs some work too.
There is a way to accomplish this?

Thanks!

1 Like

This is really awesome. Nice Work. :ok_hand:

1 Like

Bbtheme app is the way to change theme and how to add left menu. Correct left menu I hard code notyet code for customize by app and notyet support translate. But you can edit my code apply your project. It’s easy to change left menu and logo.

1 Like

@vinhnguyent090
I have tried your theme. It looks good.

If you want to make dynamic, you can use following js script

  1. get all modules
    frappe.modules

  2. Get Module Doctype and Report list
    frappe.call({
    method: “frappe.desk.moduleview.get”,
    args: {
    module: “Delivery Management”
    },
    callback: function(r) {
    console.log(r.message.data)

    },
    freeze: true,
    });

3 Likes

Yes thank your solution. But I like the way user can add their menu by create new menu doctype more than get dynamic via modules. Becuase erpnext have many pages. User only show their menus with their role. Exam sales role show sales menu or stock role show stock menu.

1 Like

That looks very nice. I have been wanting to do somthing like this for a long time.

1 Like

Wow! This is exactly how I’ve always thought the Frappe UI (for the Desk) should be… Menu on the left sidebar and customizable dashboards/widgets on the main page

This would be fantastic!

Kind regrads,

2 Likes

Agree!

1 Like

+1 on that!

1 Like

+1 on that!

1 Like

correct this way I’m doing :slight_smile: but now I have another issue need to do

1 Like

Very good work.
Now once applied how can i restore or change to another Theme ?
Translation to other languages when ? Initially ERPNext already has so is just use the existing ones correct?

1 Like

Hi Helio_Jeus

how can i restore => you can uninstall my app

bench --site [sitename] uninstall-app bdtheme

or change to another Theme => just uninstall my app then install another theme (but current I don’t know any theme).

Translation to other languages when ? => I don’t know but now you can edit my theme.

– change logo you can overwrite my images.

/apps/bdtheme/bdtheme/public

– change link + language of menu

/apps/bdtheme/bdtheme/public/js/template/main-sidebar.html

2 Likes

Would be great to have it and able without uninstall to swap themes (yours and default ERPNext) also to save per user(admin uses default, others yours).
Also to get modules automatically this way translation can be applied…
For instance I have my app with extra modules and to add need to change the HTML!!!

Still a good work.

2 Likes

hey I really love your theme it’s so beautiful, quick question though, how do i remove some of the items on the sidebar?

Hi Yvonne_Nduta

Now I hard code. so if you want change logo and menu you can edit files:

1 Like

Thank you, that wasn’t working on my remote server so I had to install the app again with the changes from git. Thanks! :slightly_smiling_face:

1 Like

I really like that!

Is it possible to install that on hosted ERPNext at erpnext.com directly? If yes, how?

Thanks

1 Like

Nope, you cannot install. As far as i know it’s not allowed to install custom app in hosted version

2 Likes

Nice and smooth Design thanks @KylekClau