---
title: "Use Map Converter to Change Color Dynamically"
slug: "use-map-converter-to-change-color-dynamically"
updated: 2024-01-29T13:13:49Z
published: 2024-01-29T13:13:49Z
canonical: "kb.dataparc.com/use-map-converter-to-change-color-dynamically"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://kb.dataparc.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Use Map Converter to Change Color Dynamically

**Purpose:** Practice using a map converter to have the background of a text block change colors based on value ranges.

**Task:** Configure the background property of a PVTextBlock bound to a tag to turn red when the value is below 30, yellow when between 30 and 45, and green when above 45.

**Steps:**

1. Select the PVTextBlock created in the [Bind Two Properties to Default Source](/v1/docs/bind-two-properties-to-default-source) tutorial. On the **Animation** panel, make sure the Background property is selected and bound to the default source.

**![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image032_020.jpg)**
2. In the first row of the map converter, enter **30** in the Max field.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image033_009.png)
3. Click the **Edit** button in the Result field to open the color editor.
4. On the **Custom** tab, type RED in the text field. Click OK.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image034_003.png)
5. In the second row, enter **30** in the Min field, **45** in the Max field, and choose yellow for the result.
6. In the third row, enter **45** in the Min field, then choose green (hint: type “lime”) for the result.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image036_014.jpg)
7. Click **Run** to test.

![](https://cdn.document360.io/59db2ca4-e512-446a-a143-a7c626447812/Images/Documentation/image038_014.jpg)