Difference between revisions of "How to change modern user interface logo"

(How to change the logo of Modern UI ?)
(How to change the logo of Modern UI ?)
Line 18: Line 18:
 
====Default Virtual Host ====
 
====Default Virtual Host ====
 
[[File:Deafult_virtual_host.PNG]]
 
[[File:Deafult_virtual_host.PNG]]
 +
 
If it shows clients/default. Then please follow below steps  
 
If it shows clients/default. Then please follow below steps  
  
 +
=====Step 1=====
 +
*Go on below path
 +
<pre>cd /opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets</pre>
 +
 +
=====Step 2=====
 +
*Copy logo.svg with logo.svg.old (As backup)
 +
<pre>cp logo.svg logo.svg.old</pre>
 +
 +
=====Step 3=====
 +
*Upload your company logo name with logo.svg at below path
 +
<pre>/opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets</pre>
 +
 +
If you add your image as root user, you might be want to change the files privileges to Zimbra:
 +
<pre>chown zimbra:zimbra /opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets/logo.svg</pre>
 +
 +
=====Step 4=====
 +
*Edit config.json to change the version. Do not use a previously used value.
 +
<pre>vi /opt/zimbra/jetty/webapps/zimbra/modern/clients/default/config.json</pre>
 +
 +
=====Step 4=====
 +
*Restart the zmmailboxdctl service
 +
<pre>zmmailboxdctl restart</pre>
 +
 +
====Customize Virtual Hostname====
 +
[[File:Custom_virtual_host.PNG]]
  
 
   {{SubmittedBy|Ankit Dagdi}}
 
   {{SubmittedBy|Ankit Dagdi}}
  
 
{{Article Footer|ZCS 9.0|2021-11-03}}
 
{{Article Footer|ZCS 9.0|2021-11-03}}

Revision as of 09:13, 3 November 2021

How to change the logo of Modern UI ?


   KB 24383        Last updated on 2021-11-3  




0.00
(0 votes)

Problem

-If we want to change the logo of Modern UI. Then you can customize with your company logo.

Modern UI Logo.PNG

Solution

It is working with virtual host name and logo format with svg. So first you need to login in Modern UI. Then right-click on the logo and open the logo in new tab. It will show like below. https://example.com/modern/clients/default/assets/logo.svg?v=1

Default Virtual Host

Deafult virtual host.PNG

If it shows clients/default. Then please follow below steps

Step 1
  • Go on below path
cd /opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets
Step 2
  • Copy logo.svg with logo.svg.old (As backup)
cp logo.svg logo.svg.old
Step 3
  • Upload your company logo name with logo.svg at below path
/opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets

If you add your image as root user, you might be want to change the files privileges to Zimbra:

chown zimbra:zimbra /opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets/logo.svg
Step 4
  • Edit config.json to change the version. Do not use a previously used value.
vi /opt/zimbra/jetty/webapps/zimbra/modern/clients/default/config.json
Step 4
  • Restart the zmmailboxdctl service
zmmailboxdctl restart

Customize Virtual Hostname

Custom virtual host.PNG


Submitted by: Ankit Dagdi
Verified Against: ZCS 9.0 Date Created: 2021-11-03
Article ID: https://wiki.zimbra.com/index.php?title=How_to_change_modern_user_interface_logo Date Modified: 2021-11-03



Try Zimbra

Try Zimbra Collaboration with a 60-day free trial.
Get it now »

Want to get involved?

You can contribute in the Community, Wiki, Code, or development of Zimlets.
Find out more. »

Looking for a Video?

Visit our YouTube channel to get the latest webinars, technology news, product overviews, and so much more.
Go to the YouTube channel »


Jump to: navigation, search