Help Center/ OneAccess/ User Guide/ Enterprise Administrator Guide/ Settings/ UI Settings

Updated on 2024-12-30 GMT+08:00

View PDF

UI Settings

You can customize the login, registration, and password recovery pages of the user portal for both PC and mobile devices. To customize the two pages, use the templates provided by OneAccess or add custom plans. In a custom template, you can modify the transparency, theme color, and content color of the top, form, and bottom areas. Moreover, you can customize the background image and the layout of the authentication window.

Global Settings

Log in to the administrator portal.
On the top navigation bar, choose Settings > UI Settings.

Click Global Settings on the right. In the displayed dialog box, click Modify in the upper right corner to configure global parameters.

**Table 1** Global settings
Global Parameter		Description
Basic Settings	Logo for Web	Enterprise logo displayed on the login page for PC. Upload a PNG, JPG, or GIF file whose size does not exceed 50 KB. The recommended image size is 42 × 180 pixels.
	Logo for Mobile	Enterprise logo displayed on the login page for mobile devices. Upload a PNG, JPG, or GIF file whose size does not exceed 50 KB. The recommended image size is 140 × 140 pixels.
	Favicon	Website icon. Upload an ICO file whose size does not exceed 5 KB. The recommended image size is 32 × 32 pixels.
User Portal Login Page	Man-Machine Verification	A two factor authentication method used on the login page. Currently, only slide puzzle verification is supported.
	Forgot Password	Configure whether to allow users to reset their passwords through the login page. By default, this option is enabled.
	Register	Configure whether to allow users to register accounts through the login page. By default, this option is disabled. NOTICE: Once enabled, external users can register accounts. The new accounts will be associated with the root organization by default. Exercise caution when performing this operation.
	Text on the right side of the logo (Chinese)	The text is positioned to the right of the enterprise logo on the login/registration pages.
	Text on the right side of the logo (English)	The text is positioned to the right of the enterprise logo on the login/registration pages.
User Portal Homepage – Top Area	Background Color	Color in which the top area of the user portal homepage will be displayed.
	Font Color	Color of the text to be displayed at the top of the user portal homepage.
	Text on the right side of the logo (Chinese)	The text appears in the browser window and at the top of the user portal homepage.
	Text on the right side of the logo (English)	The text appears in the browser window and at the top of the user portal homepage.
Internationalization	Languages	Languages supported by the user portal.
Internationalization	Default Language	Default language of the user portal.
Verification Code	Verification Code Length	Length of the verification code used for SMS verification in the user portal. Select either the 4-digit or 6-digit verification code.
Verification Code	Validity Period	Validity period of the verification code used for SMS verification in the user portal. Set a validity period from 3 to 15 minutes.

Click Save.

User Portal for Web

Customize the login/registration web pages of the user portal for PC.

User portal login page:

Log in to the administrator portal.
On the top navigation bar, choose Settings > UI Settings.

Choose User Portal for Web > Customize User Portal Login Page. On the displayed page, select a built-in template or configure a custom template.

In the Built-in Templates area, hover over a template, click , and select Activate. The template is set as the user portal login page.

In the Custom Templates area, click Add Custom Plan and set parameters by referring to Table 2. To set the template as the login page for the user portal, click the button to save and activate it. To edit or delete a custom template, hover over it, click

, and select Modify or Delete.

**Table 2** Custom UI parameters
Area	Parameter	Description
UI layout	Layout template	Select a layout template.
	Background image	Background image of the user portal. The recommended image size is 1920 × 1080. Select a background image provided by the system or upload one.
	Background images	Background images provided by the system. Images you uploaded are also displayed in this area.
	Background color	Color of the background. NOTE: The background image you select will cover the background color.
Top Area	Display settings	Whether the top area of the user portal will be displayed. Select Display or Hide.
	Background Color	Background color of the top area in the user portal. Set this parameter only if you intend to display the top area.
	Content Color	Color of the text to be displayed in the top area of the user portal. Set this parameter only if you intend to display the top area.
Form Area	Form Position	Position of the login or registration form in the user portal. The options include Left, Center, and Right.
	Area color	You can configure the following options: Background color: Color of the form area in the user portal. Content color: Color of the text to be displayed in tab bars, form field labels, and other prompts. Main color: Color of buttons in the form, tabs when they are selected or hovered over, and link text.
	Text field	Select a text box style. Then, specify the border and background color of the text boxes in the form area.
	Input	You can configure the following options: Content color: Color of the text to be displayed in the form area. Prompt color: Color of the prompt text to be displayed in the login form.
	Third-party login	You can configure the following options: Button border color, button background color, and content color.
Bottom Area	Display settings	Whether the bottom area of the user portal will be displayed. Select Display or Hide.
	Background Color	Background color of the bottom area in the user portal. This parameter is available only for the login and registration page settings of the user portal for PC.
	Content Color	Color of the text to be displayed in the bottom area of the user portal.

User portal registration page:

Log in to the administrator portal.
On the top navigation bar, choose Settings > UI Settings.

Choose User Portal for Web > Customize User Portal Registration Page. On the displayed page, select a built-in template or configure a custom template.

In the Built-in Templates area, hover over a template, click , and select Activate. The template is set as the registration page of the user portal.

In the Custom Templates area, click Add Custom Plan and set parameters by referring to Table 3. To set the template as the registration page for the user portal, click the button to save and activate it. To edit or delete a custom template, hover over it, click

, and select Modify or Delete.

**Table 3** Custom UI parameters
Area	Parameter	Description
UI layout	Layout template	Select a layout template.
	Background image	Background image of the user portal. The recommended image size is 1920 × 1080. Select a background image provided by the system or upload one.
	Background images	Background images provided by the system. Images you uploaded are also displayed in this area.
	Background color	Color of the background. NOTE: The background image you select will cover the background color.
Top Area	Display settings	Whether the top area of the user portal will be displayed. Select Display or Hide.
	Background Color	Background color of the top area in the user portal. Set this parameter only if you intend to display the top area.
	Content Color	Color of the text to be displayed in the top area of the user portal. Set this parameter only if you intend to display the top area.
Form Area	Form Position	Position of the login or registration form in the user portal. The options include Left, Center, and Right. This parameter is available only for the login and registration page settings of the user portal for PC.
	Area color	You can configure the following options: Background color: Color of the form area in the user portal. Content color: Color of the text to be displayed in tab bars, form field labels, and other prompts. Main color: Color of buttons in the form, tabs when they are selected or hovered over, and link text.
	Text field	Select a text box style. Then, specify the border and background color of the text boxes in the form area.
	Input	You can configure the following options: Content color: Color of the text to be displayed in the form area. Prompt color: Color of the prompt text to be displayed in the login form.
Bottom Area	Display settings	Whether the bottom area of the user portal will be displayed. Select Display or Hide.
	Background Color	Background color of the bottom area in the user portal.
	Content Color	Color of the text to be displayed in the bottom area of the user portal.

User portal password recovery page:

Log in to the administrator portal.
On the top navigation bar, choose Settings > UI Settings.

Choose User Portal for Web and go to the page for customizing the user portal password recovery page. Select a built-in template or configure a custom template.

In the Built-in Templates area, hover over a template, click , and select Activate. The template is set as the user portal password recovery page.

In the Custom Templates area, click Add Custom Plan and set parameters by referring to Table 4. To set the template as the password recovery page for the user portal, click the button to save and activate it. To edit or delete a custom template, hover over it, click

, and select Modify or Delete.

**Table 4** Custom UI parameters
Area	Parameter	Description
UI layout	Layout template	Select a layout template.
	Background image	Background image of the user portal. The recommended image size is 1920 × 1080. Select a background image provided by the system or upload one.
	Background images	Background images provided by the system. Images you uploaded are also displayed in this area.
	Background color	Color of the background. NOTE: The background image you select will cover the background color.
Top Area	Display settings	Whether the top area of the user portal will be displayed. Select Display or Hide.
	Background Color	Background color of the top area in the user portal. Set this parameter only if you intend to display the top area.
	Content Color	Color of the text to be displayed in the top area of the user portal. Set this parameter only if you intend to display the top area.
Form Area	Form Position	Position of the login or registration form in the user portal. The options include Left, Center, and Right.
	Area color	You can configure the following options: Background color: Color of the form area in the user portal. Content color: Color of the text to be displayed in tab bars, form field labels, and other prompts. Main color: Color of buttons in the form, tabs when they are selected or hovered over, and link text.
	Text field	Select a text box style. Then, specify the border and background color of the text boxes in the form area.
	Input	You can configure the following options: Content color: Color of the text to be displayed in the form area. Prompt color: Color of the prompt text to be displayed in the login form.
Bottom Area	Display settings	Whether the bottom area of the user portal will be displayed. Select Display or Hide.
	Background Color	Background color of the bottom area in the user portal.
	Content Color	Color of the text to be displayed in the bottom area of the user portal.

User Portal for Mobile

Customize the user portal login/registration pages for mobile devices such as mobile phones and tablets.

User portal login page:

Log in to the administrator portal.
On the top navigation bar, choose Settings > UI Settings.

Choose User Portal for Mobile > Customize User Portal Login Page. On the displayed page, select a built-in template or configure a custom template.

In the Built-in Templates area, hover over a template, click , and select Activate. The template is set as the user portal login page.

In the Custom Templates area, click Add Custom Plan and set parameters by referring to Table 5. To set the template as the login page for the user portal, click the button to save and activate it. To edit or delete a custom template, hover over it, click

, and select Modify or Delete.

**Table 5** Custom UI parameters
Area	Parameter	Description
UI layout	Layout template	-
	Background image	Background image of the user portal. The recommended image size is 1920 × 1080. Select a background image provided by the system or upload one.
	Background images	Background images provided by the system. Images you uploaded are also displayed in this area.
	Background color	Color of the background. NOTE: The background image you select will cover the background color.
Top Area	Display settings	Whether the top area of the user portal will be displayed. Select Display or Hide.
	Background Color	Background color of the top area in the user portal. Set this parameter only if you intend to display the top area.
	Content Color	Color of the text to be displayed in the top area of the user portal. Set this parameter only if you intend to display the top area.
	logo setting	Whether the enterprise logo will be displayed in top area of the user portal. Select Display or Hide.
Form Area	Area color	You can configure the following options: Background color: Color of the form area in the user portal. Content color: Color of the text to be displayed in tab bars, form field labels, and other prompts. Main color: Color of buttons in the form, tabs when they are selected or hovered over, and link text.
	Text field	Specify the border color of the text boxes in the form area.
	Input	You can configure the following options: Content color: Color of the text to be displayed in the form area. Prompt color: Color of the prompt text to be displayed in the login form.
Bottom Area	Display settings	Color of the text to be displayed in the bottom area of the user portal.
Bottom Area	Bottom Font	Text to be displayed in the bottom area of the user portal.

User portal registration page:

Log in to the administrator portal.
On the top navigation bar, choose Settings > UI Settings.

Choose User Portal for Mobile > Customize User Portal Registration Page. On the displayed page, select a built-in template or configure a custom template.

In the Built-in Templates area, hover over a template, click , and select Activate. The template is set as the registration page of the user portal.

In the Custom Templates area, click Add Custom Plan and set parameters by referring to Table 6. To set the template as the registration page for the user portal, click the button to save and activate it. To edit or delete a custom template, hover over it, click

, and select Modify or Delete.

**Table 6** Custom UI parameters
Area	Parameter	Description
UI layout	Layout template	Select a layout template.
	Background image	Background image of the user portal. The recommended image size is 1920 × 1080. Select a background image provided by the system or upload one.
	Background images	Background images provided by the system. Images you uploaded are also displayed in this area.
	Background color	Color of the background. NOTE: The background image you select will cover the background color.
Top Area	Background Color	Background color of the top area in the user portal. Set this parameter only if you intend to display the top banner.
Top Area	Content Color	Color of the text to be displayed in the top area of the user portal. Set this parameter only if you intend to display the top banner.
Form Area	Area color	Main color: Color of buttons in the form, tabs when they are selected or hovered over, and link text.
	Text field	Specify the border color of the text boxes in the form area.
	Input	You can configure the following options: Content color: Color of the text to be displayed in the form area. Prompt color: Color of the prompt text to be displayed in the login form.

Parent topic: Settings

Previous topic: Exporting Data

Next topic: Service Settings

Feedback

Was this page helpful?

Helpful Not helpful

Provide feedback

Thank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.

The system is busy. Please try again later.

Which of the following issues have you encountered?

Content is inconsistent with the product UI

Unclear descriptions

Lack of examples or code

Incorrect steps

Can't find what I need

Lack of best practices

Feedback (optional)

0/500

Select at least one type of issue, and enter your comments or suggestions.

Enter a maximum of 500 characters.

Submit Cancel

For any further questions, feel free to contact us through the chatbot.

Chatbot