---
title: Example: Showing Fields in Different Colors Based on Value
slug: neurons-for-itsm/admin-user-help/enu/latest/example-showing-fields-in-different-colors-based-on-value
createdAt: 2026-07-14T19:16:52.317Z
---

This topic describes how to colorize an incident record based on the value in the **Impact** field.

1. Create the styles to use on your form. See [Using Highlighter Styles](docId\:eaLZqHhX4c-_6SP-xMVRf).

:::Paragraph{indent="1"}
In this example, we created a list style that shows a yellow background. You could create a style for each impact value (low, medium, high).
:::

*Example New List Color*

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/hOx60f11Km8IzzgoL_rYs_grid-impact-color.png" position="flex-start" size="40" initialPath="../../Resources/Images/help-images/grid impact color.png" githubPath="Content/Resources/Images/help-images/grid impact color.png" showCaption="false" indent="1"}

2. Apply the style to a field in your form. See [Creating a Form](docId\:JYLKXqCbBNaYk66grC2ty) for information on how to use fields.

:::Paragraph{indent="1"}
In this example, we opened the **Incident.ServiceDesk** form, and applied the style to the **Impact** field using an expression in the **Style Rule** parameter.
:::

*Edit Expression to Include Color Style*

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/G-0d9Du3B88EL71535-EP_impact-field-color.png" position="flex-start" size="40" initialPath="../../Resources/Images/help-images/impact field color.png" githubPath="Content/Resources/Images/help-images/impact field color.png" showCaption="false" indent="1"}

$(if( Impact == "Low"), "LowImpactColor",
if( Impact == "Medium"), "MedImpactColor",
if( "IncidentSLAThirdEscalation"), "ImpactColor"))) 

3. Click **Save** to close the window.
4. Open the **Incident** workspace from the Service Desk Console and observe the background color of the **Impact** field.

*Colors Based on the Impact Value*

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/Zpj1oslMTCK_gx1qMhPn1_cell-in-different-colors.png" position="flex-start" size="40" initialPath="../../Resources/Images/help-images/cell in different colors.png" githubPath="Content/Resources/Images/help-images/cell in different colors.png" showCaption="false" indent="1"}

:::Paragraph{indent="1"}
Note that in the **Style Rule** property you can use the same values as in the **Style** property. You should specify the underlying values (not the display values) when using them in expressions.
:::

*Default Styles can be Used in Style Rules*

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/7uyIhLw9BF0eObYTxnbf2_cell-styles.png" position="flex-start" size="40" initialPath="../../Resources/Images/help-images/cell styles.png" githubPath="Content/Resources/Images/help-images/cell styles.png" showCaption="false" indent="1"}

:::Paragraph{indent="1"}
The reverse is not true; it is not possible to use styles for the **Style** property, or in control style expressions.
:::