Customizing the User Center Web Interface

Overview

The IDaaS platform supports customization of the User Center Web interface UI, including the login page, registration page, and password recovery page. You can choose to activate and use the built-in templates provided by IDaaS, or refer to this module to customize a branded Web interface style for your enterprise.

Prerequisites

Possess administrator permissions for the IDaaS Enterprise Center platform.

Steps

Currently, customization of the User Center Web interface supports the login page, registration page, and password recovery page. The configuration method for each page template is consistent. The following uses the User Center login page as an example.

1. Log in to the IDaaS Enterprise Center platform, and select "Settings > Interface Configuration" from the top navigation bar.

   

2. Select "User Center Web Interface > Customize User Center Login Page". You can directly activate and use the built-in template, or click "Add Custom Template" to enter the template editing page. The following describes the custom template.

   

3. The left side of the template editing page is the real-time preview interface, and the right side is the interface style parameter configuration panel. Personalized settings can be made according to requirements. Key configurations are as follows. For settings such as LOGO, text beside the logo, copyright, and filing information, please go to Global Parameter Settings to configure.

   • Page Layout: Set the overall layout and page background of the login page.

     • Layout Template: Select a built-in layout template.

     • Page Background: Choose a solid color or image as the login page background. For images, you can select a built-in image or upload a custom one.

       

   • Top Area: Set the top information of the login page, such as the enterprise logo, text beside the logo, and language display.

     • Display Settings: Choose to show or hide the top information. Background color and content color can only be configured when the top area is set to "Show".

     • Background Color: Set the background color of the top area.

     • Content Color: Set the text color of the top area.

       

   • Form Area: Set the area on the login page where users need to input information, such as input fields.

     • Form Position: Set the display position of the form area to left, center, or right.

     • Area Colors: Set the background color, text color, and primary color scheme for buttons, selected tabs, etc., within the form area.

     • Input Fields: Set the color and background fill color for the input fields in the form area.

     • Input Content: Set the text color when content is entered and the hint color when no content is entered in the form area.

       

   • Bottom Area: Set the bottom information of the login page, such as copyright and filing information.

     • Display Settings: Choose to show or hide the bottom information. Background color and content color can only be configured when the bottom area is set to "Show".

     • Background Color: Set the background color of the bottom information bar.

     • Content Color: Set the text color of the bottom information bar.

       

4. After configuration is complete, you can directly save and activate it to use this template.