Customizing the client’s logo

• The name of the picture file must be logo.svg, logo.png, or logo.jpg, depending on the actual format. The web client searches for custom logo pictures in exactly this order.
• The file must be placed in the web client's "custom" folder. The name of this folder consists of "custom-" and the actual name of the web application. The default is custom-pisasales. If the web client is deployed as "pisatest", for instance, then the full name would be custom-pisatest.
• The "custom" folder resides on the web server computer. Its parent folder is referenced by the PSCWEBCLI_WORK environment variable.

Example

$ ls -al $PSCWEBCLI_WORK/custom-pisasales/
total 13
drwxr-xr-x 1 tomcat tomcat 0 Jun 20 16:12 ./
drwxr-xr-x 1 tomcat tomcat 0 Jun 20 10:12 ../
drwxr-xr-x 1 tomcat tomcat 0 Aug 9 2021 bkg/
drwxr-xr-x 1 tomcat tomcat 0 Jun 20 16:12 css/
drwxr-xr-x 1 tomcat tomcat 0 Feb 21 09:17 fonts/
-rw-r--r-- 1 tomcat tomcat 316 Jun 20 10:09 logo.svg

• Place a file with a name of your choice and the extension .css in a subfolder named css of the "custom" folder, see above.

$ ls -al $PSCWEBCLI_WORK/custom-pisasales/css/
total 5
drwxr-xr-x 1 tomcat tomcat 0 Jun 20 16:12 ./
drwxr-xr-x 1 tomcat tomcat 0 Jun 20 16:12 ../
-rw-r--r-- 1 tomcat tomcat 576 Jun 20 10:11 mylogin.css

• The following example shows how to customize the colors of the "Login" button and other elements on the login page. Just change the colors according to your needs.

/* login button */
div.loginButton {
background-color: #d32a00;
color: #fff;
font-size: 24px;
}
div.loginButton:hover {
background-color: #eb2f00;
color: #fff;
}
div.loginButton:active {
background-color: #bd2600;
color: #fff;
}
 
/* "legals" links etc. on login page */
div.loginLegals {
color: #d32a00;
}
 
/* info and language buttons on login page */
div.infoButton {
color: #d32a00;
}
div.infoButton:hover {
color: #d32a00;
}
div.infoButton:active {
color: #d32a00;
}

/* license info text */
div.infoText {
color: #d32a00;
}