Modify and personalize the appearance and layout of the application interface to suit the organization’s theme.
This guide shows how to customize them.
Prerequisites:
Admin access is required to manage Theme Settings on the application
To access the “Theme Settings” page, Click Menu > Theme Settings.
Change Logo
By default, the application Logo is set. To add a new different logo, click on Change Logo.
Use the Choose File option to add your desired logo. Once added, click on Crop to adjust, and then click Save. After saving, the logo at the top left on the ribbon will be replaced with the uploaded logo.
The below image shows the application logo with the updated logo.
Change Colors
Admin users can change the primary and secondary color and then apply them all over the application as desired.
The primary color is the one which gets reflected in the ribbon menu, menu names, and button color.
Before: The below image shows the ribbon and menu in the color (blue) set by default.
After: The below image shows the ribbon and menu after changing the Primary color from blue to red.
Secondary Color:
The secondary color is used to set the color of the button labels, icons hyperlinks and in other places, etc.
Before: The below image shows the labels and icons in the color (white) set by default.
After: The below image shows the labels and icons after changing the Primary color from white to black.
Hyperlink And Hover Color:
This feature will let admin users choose the color of hyperlinks and tooltips on the application based on the primary color or secondary color.
By default, Primary Color will be selected
Change Font Size:
Admin users can change the font size throughout the application by changing the pre-sets. By default, it is set to Medium (Size 13). If necessary, Admin users can change it to Small (Size 12) or Large (Size 14).
Customize Sign in Page
The Login Window feature allows admin user to change the position of the Sign-in form
Admin user can change the position and background image by choosing the custom login option.
Before: The below image shows how the sign-in page of application looks before changing the login window position and background image.
After: The below image shows how the sign-in page of the application has changed after Login Window and Login Window Background Image have been updated
