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

ERPNext
, ,
4

Do you mean the html file?
They are mostly in frappe/frappe/templates/includes/...

5

That is what I am saying.
For navbar just type “Navbar Settings” into the search bar.
For Workspace, do the same, type in “Workspace List” and select the one you want to edit / create a new one.

1 Like
6

added this code in navbar_settings.js

frappe.ui.form.on(“Navbar Settings”, “refresh”, function(frm) {
frm.add_custom_button(__(“Show”), function() {
frappe.msgprint(“Custom Information”);
});
});

image
image1036×106 7.95 KB

7

no sir, i just want to add functional button on navbar(top most with help, admin and search button)

8

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

9 
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.

1 Like
10

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.

image
image1237×116 5.45 KB

11

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

12

@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”);

3 Likes
13

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:

2 Likes
14

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

15

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

1 Like
16

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

17

its customizing website not the desk.

18

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

20

I solved it by editing my custom application

21

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

22

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

23

how do you edit it in cutom app?

24

Same question here :slight_smile:
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 :wink: How to customisation website footer in version-12 - #5 by rahy )