Version

Apply the Multi Stop Linear Gradient Brush Element at Design Time

If you want more than two colors of a property of your gauge to blend into each in a linear fashion, apply the Multi-Stop Linear Gradient brush element to your property.

To apply a Multi-Stop Linear Gradient brush element to your property at design time:

  1. Add a Linear Gauge to the Gauges collection.

  2. In the left-hand pane of the Gauges collection editor, click Linear Gauge.

  3. From the BrushElement drop-down list, select Multi-Stop Linear Gradient. This will create a new Multi-Stop Linear Gradient brush element.

  4. Set the Angle property to 90\.

  5. Click the ColorStops property, then click the ellipsis button (…​) to open the ColorStops collection editor.

  6. In the ColorStops collection editor, click under the color scale to add a new color stop.

  7. Right click on the color stop to change the color.

  8. Drag the color stop to change the offset.

  9. The following step allows you to edit the values with more precision.

  10. Click the small arrow on the horizontal bar. Then set the following properties:

    • Start color - Click the first cell in the first row. Enter the value 254, 42, 0 in the text box.

    • Start color offset - Click the second cell in the first row. Enter the value 0 in the text box.

    • Color stop - Click the first cell in the second row. Enter the value 212, 254, 0 in the text box.

    • Color stop offset - Click the second cell in the second row. Enter the value 0.37 in the text box.

    • End color - Click the first cell in the third row. Enter the value 0, 118, 0 in the text box.

    • End color offset - Click the second cell in the third row. Enter the value 1 in the text box.