[ZBX-23676] Rebranding issues in sidebar with 7.0 Created: 2023 Nov 07  Updated: 2024 Nov 21  Resolved: 2024 Oct 29

Status: Closed
Project: ZABBIX BUGS AND ISSUES
Component/s: Frontend (F)
Affects Version/s: 7.0.0alpha8
Fix Version/s: 7.0.6rc1, 7.2.0beta1

Type: Problem report Priority: Major
Reporter: Edgar Akhmetshin Assignee: Andrejs Verza
Resolution: Fixed Votes: 28
Labels: brand, rebrand, rebranding
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified
Environment:

LTS 7.0 alpha7


Attachments: PNG File image-2024-09-04-20-08-31-234.png     PNG File image-2024-09-04-20-15-22-230.png     PNG File image-2024-09-04-20-16-27-248.png     PNG File image-2024-09-04-20-17-04-851.png     PNG File image-2024-09-04-20-17-25-563.png    
Issue Links:
Causes
Duplicate
is duplicated by ZBX-23677 Rebranding in sidebar (7.0.alpha7) Closed
is duplicated by ZBX-24581 ZBX 7.0.0 Rebranding broken after upg... Closed
Team: Team A
Sprint: S24-W42/43
Story Points: 0.25

 Description   

Steps to reproduce:
If the 'BRAND_LOGO_SIDEBAR' and 'BRAND_LOGO_SIDEBAR_COMPACT' settings are enabled, both logos are displayed simultaneously, one on top of the other.

When the sidebar is reduced, the display just crops instead of switching logos.

Using only 'BRAND_LOGO_SIDEBAR', the logo displays correctly, and when the panel is reduced, the default 'Z' logo is shown.



 Comments   
Comment by tbkim [ 2024 Feb 22 ]

Has anyone worked it out?

Comment by Maarten Mol [ 2024 Jun 06 ]

We are having the same issue in 7.0.0 NGINX Docker container.

Comment by James Orchard [ 2024 Jun 07 ]

Same issue on 7.0.0 Alma9 setup

Comment by Matej [ 2024 Jul 03 ]

Using only 'BRAND_LOGO_SIDEBAR', the logo displays correctly, and when the panel is reduced, the default 'Z' logo is shown, but under that Z logo is still visible rebranded logo.

Zabbix 7.0.0 LTS

Comment by Marianna Ariel [ 2024 Jul 04 ]

Same issue on Oracle Linux 9.

Comment by Matteo [ 2024 Jul 10 ]

Same issue on Debian 12, Apache/2.4.59 (Debian), Zabbix 7.0.0

Comment by Ruf Us [ 2024 Jul 26 ]

Same issue on Ubuntu 24.04 with Apache 2.4.58, Zabbix 7.0.1.

Comment by Adrian Mortensen [ 2024 Aug 26 ]

Same issue Zabbix version 7.0.2

Comment by Stephen Courtney [ 2024 Sep 03 ]

Can confirm definitely still present in 7.0.3

Comment by Médoune NDOYE [ 2024 Sep 04 ]

Yes the problem is still present in 7.0.3.

Comment by Marek Rysavy [ 2024 Sep 04 ]

This problem is in all "new" versions and there are still no plans to fix it. My understanding is that rebranding is not currently supported and there are no plans to maintain it. So it would be better if it was removed from the documentation and the feature was disabled.

Comment by Ken Buska [ 2024 Sep 04 ]

I hope not as many corporations want to rebrand so that the application fits better into their ecosystems. Removing support for it is a determent to the folks who pay for support every year.

Comment by Stephen Courtney [ 2024 Sep 04 ]

It looks like it has been removed from the documentation for version 7. The docs for custom themes are still there, but not the rebranding ones.

Would be helpful if the decision was noted somewhere in release notes though.

Comment by Raul Takahashi [ 2024 Sep 05 ]

I solved this creating a custom theme and editing the 3 classes below.

Just need to replace the yellow highligthed parts. They are the Base64 encode for the respective SVG files.

 

CSS for custom theme on Zabbix 7.0:

 

The results:

...

...

 

Comment by tbkim [ 2024 Sep 05 ]

raultak  How do you tell me to change it?

 I foundt the theme.css ,

but I do not know to change it.

Comment by Raul Takahashi [ 2024 Sep 05 ]

These are the steps:

1) Create a custom theme following the documentation instructions:
https://www.zabbix.com/documentation/7.0/en/manual/web_interface/theming

2) Prepare the 3 images in SVG format and these sizes:

  • 114px / 30px (login page)
  • 91px / 24px (side bar)
  • 24px / 24px (side bar compact)

3) Generate the SVG files base64 encoding and replace them on lines 422, 428 and 434 as showed in the preview pictures.

4) Test the custom theme on your profile settings. If everything works fine, you can set the custom theme as system default theme.

 

I didn't test, but alternativaly you can upload the images to the server and setup the background parameter to use the files. I prefered follow the original concept putting the image content inside the CSS because the browser will get the images already on the CSS file request.

Comment by Andrea Marconi [ 2024 Sep 11 ]

Please fix this Thank you!

Comment by Andrejs Verza [ 2024 Oct 17 ]

Dear users, please note that rebranding must be done correctly, and all rebranding options (logotypes) must be specified in brand.conf.php file.

Comment by Andrea Marconi [ 2024 Oct 17 ]

averza Good morning, /sur/share/zabbix/local/conf/brand.conf.php is used but I have the same problem.

What I can see is that all the pages in the Zabbix documentation are gone. They got deleted. 

I see your commit Andrejs: Zabbix / Zabbix / 56598543237 - ZABBIX GIT

Is this the fix? Thank you!

Best Regards.

 

Comment by Andrejs Verza [ 2024 Oct 17 ]

Hi, rockandstone,

Yes, the commit you've mentioned should fix the rebranding functionality. However, I don't have an answer about the documentation.

Comment by Andrea Marconi [ 2024 Oct 17 ]

Thank you very much, it worked like a charm!

Comment by Andrejs Verza [ 2024 Oct 24 ]

Available in versions:

Comment by Ken Buska [ 2024 Nov 07 ]

What did you use to convert your images to base64? The site i'm using, the SVG XML works in Firefox (131.0.3 (64-bit)) but I get a "This XML file does not appear to have any style information associated with it. The document tree is shown below." msg in Chrome (Version 130.0.6723.69 (Official Build) (64-bit))

Generated at Thu Apr 24 07:03:58 EEST 2025 using Jira 9.12.4#9120004-sha1:625303b708afdb767e17cb2838290c41888e9ff0.