How to customize the display colors of read-only attributes in Talend MDM Web UI

This article introduces how to customize the colors of read-only attributes in Talend MDM Web UI for all users, and, if you are an authorized user, the colors of read-only attributes for a specific user, according to your preference.

From the Talend MDM Web UI, you can search and open a generated view of master data records or staging data records pertaining to a specific entity in a specific data container.

When you open a data record, by default, read-only attributes are displayed in gray, while writable attributes are displayed in white.

Tip:

In styling settings, you can use any of the following methods to set a color:

a hexadecimal value, for example, #f3f3f3
an RGB value, for example, RGB (255,160,122)
a valid color name, for example, purple

This article is applicable if you are using a subscription based Talend MDM solution, version 6.1.1 or later.

Customizing the display colors of read-only attributes for all users

Subscription

This procedure shows how to customize the colors in which the read-only attributes are displayed for all users.

Procedure

Go to the directory <TomcatPath>/webapps/talendmdm/secure/css, where TomcatPath is the Tomcat installation directory.
Open the file mdm.css and modify the following properties as required.
The following styling example sets the text color of read-only attributes to yellow and the background color to blue:
```
.x-item-disabled .x-form-text {
    color: yellow !important;
}
 
.x-item-disabled .x-form-textarea {
    color: yellow !important;
}
 
.x-item-disabled .x-form-field {
    background-color: blue;
}
```
In this example, the x-form-textarea settings take effect on read-only attributes populated with multiple lines of text.
Save your changes.
Clear the cache of your browser, and then open the Talend MDM Web UI to verify that the changes take effect.

Customizing the display colors of read-only attributes for a specific user

Subscription

This procedure shows how to configure the dynamic properties for a specific user to customize the colors of read-only attributes for that user.

Procedure

Access Talend MDM Web UI.
Select Administration > Manage Users from the Menu panel to open the User Manager page.
Double-click the user for which you want to configure dynamic properties, and click the Properties tab to open the Properties view.
Click the plus button to add a new property.
In the Name field, enter MDM_READ_ONLY_FIELD_STYLE.
In the Value field, enter the styling settings to customize the text color and background color for read-only attributes.

For example: color:blue !important; background-color: yellow;
Click Save to validate your changes.
Log in to the Talend MDM Web UI as the specific user to verify the display colors for read-only attributes.