Open

Icon branding override #9233

bmulinari created 14 days ago

Hi there!

Currently, we have implemented a custom branding per tenant by overriding the properties available in the DefaultBrandingProvider. However, this class only has AppName, LogoUrl and LogoReverseUrl, which is the logo displayed on the login screen.

We need two additional overrides for the branding:

Icon displayed on top of the side menu
Favicon displayed on browser tabs/favorites

Is there a programmatic way to override these?

For the menu icon, we are able to simply replace the icon files in wwwroot, but that doesn't work for our dynamic per tenant branding we want. For the favicon, we are also able to replace the file, but for some reason while on the login page we still see the default LeptonX favicon.

Any suggestions? Thanks.

3 Answer(s)

0
EngincanV created 12 days ago
Support Team .NET Developer
Hi,

You can add a new favicon to the ~/wwwroot/favicon.svg and ~/wwwroot/favicon.ico paths to override the current favicon.

For the favicon, we are also able to replace the file, but for some reason while on the login page we still see the default LeptonX favicon.

If you have a separate auth-server, then you should also add the related favicon to the auth-server project too. This might be the reason for that.

Icon displayed on top of the side menu (programmatic way)

You can update the small-icon that is shown when the menu collapses via CSS as follows: (pass the URL to the lpx-logo-icon prop)

:root .lpx-theme-dark, :root .lpx-theme-dim { --lpx-logo-icon: url('/assets/images/logo/logo-light-thumbnail.png'); } :root .lpx-theme-light { --lpx-logo-icon: url('/assets/images/logo/logo-dark-thumbnail.png'); }

As far as I know, there is no programmatic way for that. I'll confirm that.

Regards.
0

bmulinari created 4 days ago

Hi, @EngincanV. Any update on this?

Regarding the favicon, I managed to fix it by adding the favicon.svg file. Previously we had only a favicon.ico file.
0

EngincanV created 4 days ago
Support Team .NET Developer

Hi, @EngincanV. Any update on this?

Regarding the favicon, I managed to fix it by adding the favicon.svg file. Previously we had only a favicon.ico file.

Hi, sorry for the late response. I've confirmed that there is no current programmatic way for that. (Also, I created an issue with that) Adding both favicon.svg and favicon.ico seems required in the current layout design.

Regards.