Login Page

Configuration of privacy policy component on the login screen

Overview

A new feature, the Privacy Component, has been added to the login screen to enhance user transparency. This component displays privacy policy information based on the login configuration. Follow the steps below to configure this component on the login screen.

Steps

Integrate With Login Configuration

To render the Privacy Component, you must include specific configurations in the MDMS :

• Master Name: commonUiConfig

• Module Name: LoginConfig

If these configurations are not present, the default login configuration will be rendered instead.

Filter Privacy Data

The content displayed within the Privacy Component's pop-up will be filtered according to the module code specified in the schema.

Customise Login Fields

The fields on the login screen are fully configurable. Users can add or remove fields according to their specific requirements.

Set Login Button

To ensure all mandatory fields are completed, the login button will be disabled until all required fields are filled. This ensures that users provide all necessary information before proceeding.

Example Configurations

Here are some examples of different configurations for the login screen and their corresponding displays:

These configs will help to enable/disable the privacy declaration, at an instance level.

Config without Privacy Declaration

Screen:

Login screen

Config:

"inputs": [
                  {
                      "label": "CORE_LOGIN_USERNAME",
                      "type": "text",
                      "key": "username",
                      "isMandatory": true,
                      "populators": {
                          "name": "username",
                          "validation": {
                              "required": true
                          },
                          "error": "ERR_USERNAME_REQUIRED"
                      }
                  },
                  {
                      "label": "CORE_LOGIN_PASSWORD",
                      "type": "password",
                      "key": "password",
                      "populators": {
                          "name": "password",
                          "validation": {
                              "required": true
                          },
                          "error": "ERR_PASSWORD_REQUIRED"
                      },
                      "isMandatory": true
                  }
              ]

Config with Privacy Declaration

Screen:

Login screen

Config:

[
                  {
                      "label": "CORE_LOGIN_USERNAME",
                      "type": "text",
                      "key": "username",
                      "isMandatory": true,
                      "populators": {
                          "name": "username",
                          "validation": {
                              "required": true
                          },
                          "error": "ERR_USERNAME_REQUIRED"
                      }
                  },
                  {
                      "label": "CORE_LOGIN_PASSWORD",
                      "type": "password",
                      "key": "password",
                      "populators": {
                          "name": "password",
                          "validation": {
                              "required": true
                          },
                          "error": "ERR_PASSWORD_REQUIRED"
                      },
                      "isMandatory": true
                  },
                  {
                      "isMandatory": false,
                      "key": "check",
                      "type": "component",
                      "component": "PrivacyComponent",
                      "withoutLabel": true,
                      "disable": false,
                      "customProps": {
                          "module": "HCM"
                      },
                      "populators": {
                          "name": "check"
                      }
                  }
              ]

Default Screen :

login screen

Privacy policy pop up

Data Customisation: The data can be modified through MDMS and localization updates. MDMS Path: Login Configuration Privacy policy schema Click here to access the privacy component file.

Localisation modules used:

digit-privacy-policy

rainmaker-common