Introduction
The following steps will explain you, how to change the logo which is visible on the CoreOne Suite Authentication Service interface.
...
Deposit the Image
...
Task
...
Image
Connect to the Server, where the CoreOne Suite Authentication Service is running
Deposit the logo you want into the following Folder
...
CoreOne Authentication Service comes with a simple default design, that you then can change in accordance to your CI/CD. One of the most common tasks in that process is to change the default logo.
Step 1- Prepare your logo
We highly recommend that you use a png logo that is to scale. So don’t choose a high resolution image of your logo, as this logo has to transmitted to the clients which might be on a low internet connection. The default logo container is 378 pixels wide, so aim for that.
Step 2 - Copy the logo to the server
You can place the logo with the name logo.png in the following directory:
| Code Block |
|---|
C:\ProgramData\itsense\Templates\CoreLogin\general\ |
...
Rename the File to → logo.png
Attention: It must be an png file!!
...
Deposit/Create CSS file
You only have to create an CSS-file, if the logo doesn’t look like you want. (Bad quality, aso.)
...
Task
...
Image
Be sure that you still are on the server, where the CoreOne Suite Authentication Service is running
Navigate to the following path:
...
img |
If you place it here, the logo will be used for all clients. If you want to only replace it for a specific client, choose the appropriate path. For example:
| Code Block |
|---|
C:\ProgramData\itsense\Templates\CoreLogin\clientspecific\taxapplication\img |
Step 3 - Apply any css changes needed
Depending on your needs and your logo, you might want to add additional styling. For example you could resize the logo or add a margin-bottom or similar. You can do this by adding the appropriate changes to the following css file:
| Code Block |
|---|
C:\ProgramData\itsense\Templates\CoreLogin\general\ |
...
Create a new .txt File
...
Rename the file as following
“customerspecificstyles.css”
...
Now you can set new settings for the formation of the image
in this case we just set the pixel from 40 to 70
...
css\customerspecificstyles.css |
For example you could change the height of the logo to 70px by applying the following css:
| Code Block | ||
|---|---|---|
| ||
.layougLogo {
height: 70px !important;
} |
Step 4 - Recycle app pool
All the styles, logos and other resources are cached by the CoreOne Authentication Service. To make the changes public, you will need to recycle the app pool of the service in the web server.