Solved: How to set favicon in backoffice?

Former Member · ‎2018 Apr 17

Hi, we want to set a favicon for backoffice but there doesn't seem to be a property or controller to manage that.

Any help is appreciated.

former_member625836 · ‎2019 Apr 18

Hi ,

Since 1811 you can change it with cockpitng.mainpage.favicon property. In older versions you would actually have to modify cockpit.zul file which present in cockpitframework.jar file.

Cheers, Jacek

vaibhav_kumbhar · ‎2020 Sep 23

I was able to this using the property - backoffice.cockpitng.mainpage.favicon

former_member829292 · ‎2019 Sep 10

Hello there,

In order to set a favicon in Backoffice follow these steps:

Create the favicon and place it somewhere in your custom storefront extension (e.g /web/webroot/_ui/responsive/common/theme-primary/favicons/backoffice-favicon.ico).
Define a localized property "img.favIcon" in your .properties (e.g theme-primary-desktop-properties) and set the uri of the file. img.favIcon=/_ui/responsive/theme-primary/favicons/backoffice-favicon.ico
Make sure that method getFavIcon of FavIconController returns the proper icon path (the one set in the property).
Declare a variable from the property "img.favIcon" and add a link tag in the <head> of master.tag

<spring:theme code="img.favIcon" text="/" var="favIconPath"/> 
...
<link rel="shortcut icon" type="image/x-icon" media="all" href="${favIconPath}" />
...

Hope it helps!

VinayKumarS · ‎2018 Aug 07

you can apply styles.. along with that you can also add icons. use below thread.

https://answers.sap.com/questions/12769359/how-to-include-custom-fontscss-into-backoffice.html?child...

How to set favicon in backoffice?

Know the answer?

Need more details?

Accepted Solutions (1)

Accepted Solutions (1)

Answers (3)

Answers (3)