How to change modern user interface logo
How to change the logo of Modern UI ?
Requirement
- Replace the application logo of Modern UI with company brand logo.
Solution
There can be two ZCS environment, one with virtual hostname and the other without virtual hostname. The solution for each will be as follows.
Check virtual host name with below steps.
- Login in Modern UI
- Right-click on the logo and open the logo in new tab.
- It will show default virtual hostname like below, or It will show customize virtual hostname.
For Default Virtual Host
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 5
- Restart the zmmailboxdctl service
zmmailboxdctl restart
Customize Virtual Hostname
If It shows the default virtual host name like example.com. Then you need to follow the below step.
Step 1
- Switch Zimbra user and Go on below path
su - zimbra cd /opt/zimbra/jetty/webapps/zimbra/modern/clients/
Step 2
- Copy default virtual host with your virtual hostname
cp -r default <virtual hostname>
Step 3
- After that it will show like below. We have example.com virtual host
zimbra@example:~/jetty/webapps/zimbra/modern/clients$ pwd /opt/zimbra/jetty/webapps/zimbra/modern/clients zimbra@example:~/jetty/webapps/zimbra/modern/clients$ ls example.com default zimbra@example:~/jetty/webapps/zimbra/modern/clients$
Step 4
- You need to go on your directory assets in your virtualhost directory
cd /opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/assets
Step 5
- Copy logo.svg with logo.svg.old (As backup)
cp logo.svg logo.svg.old
Step 6
- Upload your company logo name with logo.svg at below path
/opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/assets
Step 7
- Upload your company logo name with logo.svg at below path
/opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/assets
Step 8
- Edit config.json to change the version. Do not use a previously used value.
vi /opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/config.json
Step 9
- Restart the zmmailboxdctl service
zmmailboxdctl restart
Submitted by: Ankit Dagdi |