I want to add home logo inside application navbar

Prashanth_Kolhetkar · July 11, 2024, 12:05pm

I want to add this home logo inside application navbar ,i added in login page but it’s not coming inside app

NCP · July 11, 2024, 12:17pm

Reference:

Prashanth_Kolhetkar · July 11, 2024, 12:42pm

@NCP logo is there i set already but i want add “HOME symbol” common for all page

means one button beside logo

NCP · July 11, 2024, 12:54pm

You said, inside.

Now said,

Share the full screenshot or video.

Brand Image, Splash Image, FavIcon, Footer Logo, and App Logo are set in the website settings. so explore it.

Prashanth_Kolhetkar · July 11, 2024, 1:06pm

@NCP
I added successfully in login page , using brand image via website settings

Same as login page I want inside app after login hope u got it

NCP · July 11, 2024, 1:54pm

After login, you can set the logo from the Navbar Settings as I told you before. There is no option to add multiple things.

Prashanth_Kolhetkar · July 11, 2024, 2:11pm

@NCP i understand but my requirement is to put one home icon beside logo

I set logo already

Any other way to set like, we can set multiple things in login page but why not inside app

Brand logo having multiple options via html code
But in navbar setting we do don’t have HTML option to set multiple things

NCP · July 12, 2024, 3:58am

No possible from the UI side.

If you want to add then please add it in the below file.

github.com

frappe/frappe/blob/version-15/frappe/public/js/frappe/ui/toolbar/navbar.html

<div class="sticky-top">
	<header class="navbar navbar-expand" role="navigation">
		<div class="container">
			<a class="navbar-brand navbar-home" href="/app">
				<img
					class="app-logo"
					src="{{ frappe.boot.app_logo_url }}"
					alt="{{ __("App Logo") }}"
				>
			</a>
			<ul class="nav navbar-nav d-none d-sm-flex" id="navbar-breadcrumbs"></ul>
			<div class="collapse navbar-collapse justify-content-end">
				<form class="form-inline fill-width justify-content-end" role="search" onsubmit="return false;">
					{% if (frappe.boot.read_only) { %}
						<span class="indicator-pill yellow no-indicator-dot" title="{%= __("Your site is undergoing maintenance or being updated.") %}">
							{%= __("Read Only Mode") %}
						</span>
					{% } %}
					{% if (frappe.boot.user.impersonated_by) { %}
						<span class="indicator-pill red no-indicator-dot" title="{%= __("You are impersonating as another user.") %}">

This file has been truncated. show original

Prashanth_Kolhetkar · July 12, 2024, 10:23am

@NCP but where I have to put css code and image

NCP · July 12, 2024, 10:31am

You have to find the navbar related code.