# Display and Color-coding of Multiple Ranges (Using the Converter)

By setting colors for each range, values will change colors when they reach the set range. You can change the Plate/Text color.

## Example Operation

## Setting Workflow

1. Add Variables
2. Add Converters
3. Set up Parts

## Add Variables

### Project Explorer : [Variables] ➞ [All Variables]

Add the below variable(s).

#### Variables property:

[Name] | [Data Type]
Var1 | [DINT]

## Add Converters

### Project Explorer : [Converters] ➞ [User-Defined Converters]

Add the below converter(s).

[Name] | [Type]
Converter1 | [Range]

#### Converter1 property:

Tab | Property | Value
[Basic] | [Data Type (Source)] | [Numeric]
[Data Type (Result)] | [ColorID]
[Range] | 4
| [Range 1] | [Data (Input)] | 800
[Operator] | >
[Value] | [ID] ID:29
[Range 2] | [Data (Input)] | 500
[Operator] | >
[Value] | [ID] ID:8
[Range 3] | [Data (Input)] | 200
[Operator] | >
[Value] | [ID] ID:6
[Else Condition] | [Value] | [ID] ID:29

## Set up Parts

### Project Explorer : [Screen Design] ➞ [Screens] ➞ [Screen1]

Drag and drop the following objects from the [Tool Chest] to the screen.

#### Numeric Display object (Name: NumericDisplay1) properties:

Tab | Sub Tab | Property | Value
[Function] | [Basic] | [Current Value] | [Variable] [Name]: Var1
[Enable Input Mode] |
[Shape] | [Basic] | [Fill] | [Value] | [ID] | [Variable] [Name]: Var1 [Converter]: [User-Defined Converters] [Converter1]