Which file is for home? I want to edit navbar and home?

Mdaniax · May 12, 2021, 10:04am

Sir there are two drop down, i want to add a new dropdown/button with them.

rahy · May 12, 2021, 2:50pm

frm.add_custom_button(__('Navbar Settings'),
    function() {
        frappe.msgprint(“Custom Information”);        })
    }, __("Show")
);

The Navbar Settings is the name of the button.
The Show is the name of button group.

Mdaniax · May 12, 2021, 3:36pm

thanku @rahy
i want to add button on navbar, as i attached pic with search, notification and help.
I understand the coding part but dont know which file should i update to add button with search, notification and help.

Mdaniax · May 12, 2021, 8:44pm

@Patrick.St @rahy
i want to add button on workspace of home page…not on its doctype.

jamsheer · May 12, 2021, 11:42pm

@Mdaniax, Please go through this video 48. How to Translate ERPNext to any language automatically - YouTube, I think it will help you to update the navbar.

Try in your browser console:
let navbar = document.querySelector(“.navbar-collapse”);
navbar.prepend(“It is Working”);

rahy · May 13, 2021, 12:14am

To add menu on website navbar you can add in hooks.py

"top_bar_items": [
    {"label": "label_of_menu", "url": "/endpoint/to/page", "right":1},

To modify the html files in the app (not doctype) do it here:

For adding button to doctype:

Mdaniax · May 13, 2021, 12:39pm

its working but for webpage navbar, i want same thing with desk navbar

rahy · May 13, 2021, 12:50pm

Modify the navbar-items.html file in the directory I mentioned above.

Mdaniax · May 13, 2021, 2:10pm

can you suggest me any tutorials for this, i mean for basics of customization?

Mdaniax · May 13, 2021, 6:10pm

its customizing website not the desk.

rahy · May 14, 2021, 3:34am

Try here:
/frappe/public/js/frappe/ui/toolbar/navbar.html

Mdaniax · May 14, 2021, 10:04am

I solved it by editing my custom application

rahy · May 14, 2021, 4:42pm

That’s how to do it actually… via custom app.

Mdaniax · May 14, 2021, 4:46pm

thank you @rahy im new thats why having hard time to understand. really thanks for your help.

Hadeer-Elsaeed · May 17, 2021, 11:49am

how do you edit it in cutom app?

Patrick.St · May 20, 2021, 1:24pm

Same question here
As far as I know, it is only possible to replace files that are within templates/www. Therefore: How did you do it? I would expect, that you have to replace the method that actually calls the navbar.html?

erpnext (or frappe)
|- erpnext (or frappe)
|-- templates
|-- www

(documented by @rahy before How to customisation website footer in version-12 - #5 by rahy )

Patrick.St · May 31, 2021, 10:39am

I still did it not get working, yet. Any tip on how to “replace” the
/frappe/public/js/frappe/ui/toolbar/navbar.html
by my own navbar.html based on my custom app?

Just adding the file within my app in the given folder structure won’t work (as I think I have to “tell” Frappe, that it should overwrite the original with mine. Normally I would guess to manage this within hooks.py, but I didn’t came to a solution, yet)

Patrick.St · June 4, 2021, 11:16am

… what I’ve missed was to reference the navbar.html also within my modules build.json and run
bench build

rahy · June 4, 2021, 4:15pm

You mean this is the solution?

Patrick.St · June 7, 2021, 10:12am

You mean this is the solution?

Only for the sub-question regarding, how to modify the navbar.html-file.