White labelling
White Labelling feature enables you to customize the system to align with the specific branding and identity requirements of your organization. This ensures that the application reflects your brand consistently across all platforms
Configuration Steps:
Organization Module Settings
To set up the White Labeling feature, navigate to the “Settings” page via Organization parent menu from the left navigation. Within the settings page, find the White Labeling tab and by Clicking on the White Labeling tab system will present you with two tabs: 1.Colors 2.Logos Colors Section The Colors section allows you to customize the primary and secondary colors, as well as text colors, for your organization.
- Primary – 1: Select the primary color for your organization.
- Primary – 2: Choose a secondary color to complement the primary color.
- Text Color: Set the color used for text throughout the system.
Logos Section
The Logos section enables you to update the specific brand logo for your organization and includes options for uploading a favicon. Follow these steps:
- Brand Logo: Upload the logo that best represents your organization.
- Favicon: Add a favicon for optimal browser tab visibility and bookmark management.
Preview Changes
To ensure that your configurations are correct, click the Preview button. This will apply the configured White Labeling settings across the entire system. Once you are satisfied with the preview, proceed to finalize your changes.
Apply Changes
After reviewing and confirming the preview, Click the Apply Changes button to make the updates effective for your organization.
UI Customization:
The UI Customization feature allows you to personalize the system, enhancing the user experience according to individual preferences. This feature lets you configure and adjust various elements such as visualization options and component selections
Accessing UI Customization
For Administrators:
As an Admin you can configure the personalization of the system by following the below steps: 1.Navigate to the Organization Module. 2.Locate the settings tab and click on it . 3.In the left-hand menu, find and click on the UI Customization tab. 4.You will see two tabs:
- Visual
- UI Components
For Cardholders:
As a cardholder you will be able to access the Theme settings icon from list of icons available just after the profile icon from left navigation. You can switch the theme of the application from Light to Dark and vice versa by clicking on the theme icon..
Visualization Section:
In visual tab as an admin you can configure the below customization features
BreadCrumb styling: In breadcrumb styling you will be provided with two types of the breadcrumb styles Select from two breadcrumb styles:
/’: Separated by slashes
‘>’: Separated by greater-than symbols The ‘>’ style is selected by default
Theme Selection:
As a Admin you will be able to access the Theme settings icon from list of icons available just after the profile icon from left navigation. You can switch the theme of the application from Light to Dark and viceversa by clicking on the theme icon.
Toast Styling
Configure the position of toast notifications
- Top Right
- Bottom Right
- Top Center
Status Tags Configuration
Select status indicators from the provided list to customize status tags within the system.
UI Components:
In UI components section you can be provided with two sections like Animations and Tool-tips:
Animations:
Choose from a list of spinner types to animate loading processes
Animations:
Choose from a list of spinner types to animate loading processes
Tooptips:
Select between the system’s default tooltip style or a custom tooltip style
Preview Changes
To ensure that your configurations are correct, click the Preview button. This will apply the configured UI Customization settings across the entire system. Once you are satisfied with the preview, proceed to finalize your changes.
Apply Changes
After reviewing and confirming the preview, Click the Apply Changes button to make the updates effective for your organization.
For Admin
