03/03/2023 07:58 AM - edited 03/13/2023 04:30 AM
Customizing the user interface to reflect branding through banner color and logo changes
SAV Role - ROLE_UIADMIN to be assigned to the user performing the below changes
Saviynt v5.5.x & EIC 2020.x versions
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.
2. You can customize the Navigation Bar, Navigation Hover, and Navigation Bar, Active Tab color codes as highlighted below to suit your requirements.
Application Label Changes
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)
Yellow (background-color code: #f7ef08)
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.
To change an organization's logo on the login and application screen, perform the following:
Log in to SSM.
Go to Admin > Settings> UI Branding.
The UI Branding page is displayed.
Select the Top Navigation tab.
Select Logo.
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.
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.
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
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
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.
Link not working EIC 2020.x versions
Hi @rushikeshvartak I was able to access the link ,let me check on this and update you accordingly.