Define field styles

Field styles allow you to declare individual CSS styles for a field in a list or form.

Before you begin

Role required: personalize_styles or admin

About this task

The CSS lets you change the following attributes of a field.
  • Change the color.
  • Change the font attributes (bold, italics, underline).
  • Change the padding and alignment of text.

You can define field styles for tables and database views that are in the same scope as the field style and for other tables that have at least one field in the same scope as the field style. Field styles defined for a table will not apply to database views that include the table. You must create separate field styles for database views.

Procedure

  1. Navigate to the list of styles for the field in one of the following ways.
    • Right-click the field label on the form and select Configure Styles.
    • Navigate to System UI > Field Styles, and locate the field to apply a style (admin only).
  2. Click New, or click the style to modify.
  3. Complete the form.
    Field Input Value
    Table Table that contains the field.
    Note: The list shows only tables and database views that meet the scope protections for field styles.
    Field name The field to which the style applies.
    Value The exact value or script-based-condition required to apply the style.
    Note: The value only affects list field styles. To apply field styles on both lists and forms, leave this field blank.
    Style The CSS style to apply.

    For example, to make the background of the Incident Category fields red in record lists, with a 24px font size and white text color, enter the following code.

    background-color:red;
    font-size:24px;
    color:white;
  4. (Optional) To add alternative text for a style, configure the form to add the alternative text field.
    For styles like the VIP style icon, you can add alternative text so that screen readers can differentiate between the style and the text.
  5. Click Submit or Update.