We are delighted to share our new EIC Delivery Methodology for efficiently managing Saviynt Implementations and delivering quick time to value. CLICK HERE.
No ratings
DixshantValecha
Saviynt Employee
Saviynt Employee

Use-Case:

Customizing the user interface to reflect branding through banner color and logo changes

Pre-Requisites:

SAV Role - ROLE_UIADMIN to be assigned to the user performing the below changes

Applicable Versions:

Saviynt v5.5.x & EIC 2020.x versions 

Solution:

Banner color scheme customization

To customize the banner color and reflect branding through the user interface, please follow these steps:

1. Navigate to Admin > Settings > UI Branding > Top Navigation > Background & Border.

ui5.png

2. You can customize the Navigation Bar, Navigation Hover, and Navigation Bar, Active Tab color codes as highlighted below to suit your requirements.

ui6.png

 

Application Label Changes

 

ui1.png
Background color of Application labels
ui2.png

3. As shown in the image, you can change the Navbar(Navigation Bar) color from red (background-color:#ff0000) to yellow (background-color code: #f7ef08).

    Red (background-color:#ff0000)

ui7.png

Yellow (background-color code: #f7ef08)

ui8.png

4.Further customization is possible through the UI Branding feature like Sidebar Background & Border Color, changing color of the sidebar elements such as menu and sub-menu icons, Application Label Changes, etc.

Note:- Refresh the page for changes made on the screen to take effect.

 

Changing an organization's logo

To change an organization's logo on the login and application screen, perform the following:

  1. Log in to SSM.

  2. Go to Admin > Settings> UI Branding.

    The UI Branding page is displayed.

  3. Select the Top Navigation tab.

  4. Select Logo.

u.png

  1. To upload an organization's logo to be displayed on the login screen, click on Select Image inline with Login Screen.

    Or

    To upload an organization's logo to be displayed on the application screen, click on Select Image inline with Application Screen.

  2. You can save the uploaded logo and display it by clicking Save Changes.

    Or

    You can change the logo by clicking Change and selecting another logo.

  3. Clicking on Set Default will reset the default logo on the respective screens. A confirmation dialog box is displayed upon clicking Set Default. The confirmation dialog box displays whether you want to revert back to the Default Theme. Clicking Yes will revert you back to the Default Theme. 

Note:-The image used as an organization's logo to be displayed on the login screen must be in .png format with transparent background and must meet the following size specifications:
Height: 43 pixels and Width: 200 pixels 

Saviynt UI Login screen

ui3.png

The image used as an organization's logo to be displayed on the application screen must be in .png format with transparent background and must meet the following size specifications:
Height: 29 pixels and Width: 136 pixels

ui4.png

Note:-You need to restart the application for logo changes to take effect, this application restart is only required while changing the logo on both application and login screens.

 

Comments
rushikeshvartak
All-Star
All-Star

Link not working EIC 2020.x versions 

DixshantValecha
Saviynt Employee
Saviynt Employee

Hi @rushikeshvartak I was able to access the link ,let me check on this and update you accordingly.

Version history
Last update:
‎03/13/2023 04:30 AM
Updated by: