---
sourceDocument: Yokohama ServiceNow AI Platform Administration
sourceDocumentLink: https://www.servicenow.com/docs/r/yokohama/platform-administration

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama ServiceNow AI Platform Administration

ft:clusterId :

    - platadm

bundleId :

    - platadm

workflow :

    - Platform


---

# Define field styles

# Define field styles {#ariaid-title1}

* Release version: Yokohama
* 
* Updated January 30, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read

Field styles enable 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.
{#t_DefineFieldStyles__ul_u5n_qlz_qp}

You can define field styles for tables and database views in the same scope as the field style. You can also define field styles for other tables that have at least one field in the same scope. Field styles defined for a table
don't apply to database views that include the table. Create separate field styles for database views.  
Note:  
Field styles aren't applied to comments and work notes fields used with the activity formatter. Background color for these fields can be set using the glide.ui.activity_stream.style.comments and glide.ui.activity_stream.style.work_notes system properties located in the sys_properties table.

## 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 UIField Styles, and locate the field to apply a style (admin only).
   {#t_DefineFieldStyles__choices_j3h_m1w_rt}
2. Select New, or select the style to modify.
3. Complete the form.  
   {#t_DefineFieldStyles__table_jzt_1mz_qp__entry__2}

   | Field | Description |
   |-|-|
   | 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: Leave the Value field empty to apply field styles to UI16 forms. Specify a value in the Value field to apply field styles to UI16 lists. Field styles aren't supported for Workspaces. |
   | Style | The CSS style to apply. For example, to make the background of the Incident Category fields red in record lists, with a 24-px font size and white text color, enter the following code. background-color:red; font-size:24px; color:white; |
   [ ]

   {#t_DefineFieldStyles__table_jzt_1mz_qp}

   You can use a script-based-condition with the syntax `javascript:<script>` in the Value field to determine whether the system should apply a style to a field in the list. If the
   evaluated script returns true, the system applies the style to the list item.  
   The script has access to the current script object, which enables you to build conditions based on the field values of the current record. For example, this script checks for overdue items based on a field value:

        javascript:gs.dateDiff(gs.now(), current.u_datefield.getDisplayValue(), true) < 0

   Note:  
   In this example, `current.u_datefield` refers to the name of a custom date field.  
   The system only supports one `javascript:<script>` entry in a Value field. If you want to enter multiple JavaScript conditions, consolidate the conditions into one statement. For example, instead of this invalid entry:

       javascript: current.state == "Completed" javascript: current.error_tables > 0

   Consolidate the conditions into one statement such as:

       javascript: current.state == "Completed" && current.error_tables > 0

4. **Optional:** To add alternative text for a style, [configure the form](https://www.servicenow.com/docs/OP5d1l_hnEOtnvq9hX3Pjg#configure-form-layout "Administrators or users with the personalize_form role can configure the form and related list layout.") 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. Select Submit or Update.

*[\>]: and then