How to change modern user interface logo: Difference between revisions
Ankit.dagdi (talk | contribs) |
|||
(18 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
__FORCETOC__ | __FORCETOC__ | ||
<div class="col-md-12 ibox-content"> | <div class="col-md-12 ibox-content"> | ||
=How to change the logo of Modern UI ?= | =How to change the application logo of Modern UI ?= | ||
<hr> | <hr> | ||
{{KB|{{ | {{KB|{{ZC}}|{{ZCS 9.0}}||||}} | ||
==== | ====Requirement==== | ||
Replace the application logo of Modern UI with company brand logo. | |||
[[File:Modern_UI_Logo.PNG]] | [[File:Modern_UI_Logo.PNG]] | ||
====Solution==== | ====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 in Firefox web-browser. | |||
- Right-click on the logo and open the logo in new tab(shift+right click on logo=>select open image in new tab.). | |||
- It will show default virtual hostname like below, or It will show customize virtual hostname. | |||
====A. ZCS environment with default virtual hostname. ==== | |||
[[File:Deafult_virtual_host.PNG]] | [[File:Deafult_virtual_host.PNG]] | ||
If it shows | If it shows default virtual host. Then please follow below steps | ||
*Step 1) Go on below path | |||
<pre>cd /opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets</pre> | <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> | <pre>cp logo.svg logo.svg.old</pre> | ||
*Step 3) Upload company logo name with logo.svg at below path | |||
<pre>/opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets</pre> | <pre>/opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets</pre> | ||
If | If added image as root user, it might be change the files privileges to Zimbra: | ||
<pre>chown zimbra:zimbra /opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets/logo.svg</pre> | <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> | <pre>vi /opt/zimbra/jetty/webapps/zimbra/modern/clients/default/config.json</pre> | ||
*Step 5) Restart the zmmailboxdctl service | |||
<pre>zmmailboxdctl restart</pre> | <pre>zmmailboxdctl restart</pre> | ||
==== | ====B. ZCS environment with customize virtual hostname==== | ||
[[File:Custom_virtual_host.PNG]] | [[File:Custom_virtual_host.PNG]] | ||
If it shows the virtual host name like example.com. Then follow the below steps. | |||
*Step 1) Switch Zimbra user and go on below path | |||
<pre> | |||
su - zimbra | |||
cd /opt/zimbra/jetty/webapps/zimbra/modern/clients/ | |||
</pre> | |||
*Step 2) Copy default virtual host with virtual hostname | |||
<pre>cp -r default <virtual hostname></pre> | |||
*Step 3) After that it will show like below. We have example.com virtual host | |||
<pre> | |||
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$ | |||
</pre> | |||
*Step 4) Go on directory assets in virtualhost directory | |||
<pre>cd /opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/assets</pre> | |||
*Step 5) Copy logo.svg with logo.svg.old (As backup) | |||
<pre>cp logo.svg logo.svg.old</pre> | |||
*Step 6) Upload company logo name with logo.svg at below path | |||
<pre>/opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/assets</pre> | |||
*Step 7) Edit config.json to change the version. Do not use a previously used value. | |||
<pre>vi /opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/config.json</pre> | |||
*Step 8) Restart the zmmailboxdctl service | |||
<pre>zmmailboxdctl restart</pre> | |||
{{SubmittedBy|Ankit Dagdi}} | {{SubmittedBy|Ankit Dagdi}} | ||
{{Article Footer|ZCS 9.0|2021-11-03}} | {{Article Footer|ZCS 9.0|2021-11-03}} |
Latest revision as of 07:13, 6 July 2023
How to change the application 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 in Firefox web-browser.
- Right-click on the logo and open the logo in new tab(shift+right click on logo=>select open image in new tab.).
- It will show default virtual hostname like below, or It will show customize virtual hostname.
A. ZCS environment with default virtual hostname.
If it shows default virtual host. 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 company logo name with logo.svg at below path
/opt/zimbra/jetty/webapps/zimbra/modern/clients/default/assets
If added image as root user, it might be 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
B. ZCS environment with customize virtual hostname
If it shows the virtual host name like example.com. Then follow the below steps.
- 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 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) Go on directory assets in 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 company logo name with logo.svg at below path
/opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/assets
- Step 7) 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 8) Restart the zmmailboxdctl service
zmmailboxdctl restart
Submitted by: Ankit Dagdi |