How do I edit the navbar in desk from my custom app? - ERP Next 14

ERPNext
1

So I know the frappe/public/js/frappe/ui/toolbar/navbar.html file is what is being used for the navbar. And editing it works. But I want to replace it with something else from my custom app like I did by copying the templates from frappe for my footer and base html. I can’t figure out where and how frappe/public/js/frappe/ui/toolbar/navbar.html is being imported

2

Can someone assist me? Because I am currently just editing the core files and I see that is not recommended

3

any updates ??
i have same issue?

4

try Navbar single doctype.

1 Like
5

The navbar.html is imported directly in JavaScript via:

import navbar_html from “./navbar.html”;

It’s bundled into Frappe’s JS at build time you can’t override it like Jinja templates. Your only option is to replace the navbar DOM after render in your app’s JS:

frappe.ready(() => {
$(‘.navbar’).replaceWith(``);
});