---
sourceDocument: Xanadu ServiceNow AI Platform Administration
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/xanadu/platform-administration

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu ServiceNow AI Platform Administration

ft:clusterId :

    - platadm

bundleId :

    - platadm

workflow :

    - Platform


---

# Customize the timeline page span style

# Customize the timeline page span style {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

The Timeline Page Span Styles related list allows you to define conditional span
styles.

## Procedure

1. Navigate to AllSystem UITimeline Pages.
2. Open the timeline page for which you want to define the span style.
3. Go to the Timeline Page Span Styles related list and click New.
4. Fill in the form and click Submit.  
   {#t_CustomizeTimelinePageSpanStyle__table_jfp_n2c_np__entry__2}

   | Field | Description |
   |-|-|
   | Condition | [Condition Builder](https://www.servicenow.com/docs/access?context=c_ConditionBuilder&version=xanadu&pubname=xanadu-platform-user-interface&ft:locale=en-US) that filters the results that appear in the timeline. |
   | Label color | Color for the text under each span. |
   | Label decoration | Character style for the text under each span: Bold, Italic, Underline, or Line-through. |
   | Order | Number to determine the sequence in which the style conditions are evaluated. Style conditions with a lower order are evaluated first. |
   | Span color | Color of each span. |
   | Timeline page | Timeline page to which the span style applies. By default, the span applies to the current timeline. |
   [Table 1. Customizing timeline page span styles]

   {#t_CustomizeTimelinePageSpanStyle__table_jfp_n2c_np}

*[\>]: and then