Version

Apply the Simple Gradient Brush Element Using the Gauge Designer

If you want a property of your gauge to start with one color and fade into another color in a specific way, apply the Simple Gradient brush element to the property.

To apply the Simple Gradient brush element to a property of your gauge using the Gauge Designer:

  1. In the Gauge Explorer or the interactive preview area, select the property to which you want to apply the Simple Gradient brush element.

  2. In the Appearance tab of the Properties panel, select SimpleGradient from the Type drop-down list.

  3. Click the Details drop-down arrow.

  4. In the Gradient Editor, set the following properties:

    • Start Color - Click the drop-down arrow. The color picker appears. On the left-hand side, click Web, then select the Firebrick color.

    • End Color - Click the drop-down arrow. The color picker appears. On the left-hand side, click Web, then select the Black color.

    • Gradient Style - From the drop-down list, select Backward Diagonal.

WinGauge's appearance tab details drop-down arrow.
  1. When you are finished specifying the properties, click anywhere in the Brush pane.

  2. Click the Relative Bounds editor drop-down arrow.

  3. In the Relative Bounds pane that appears, set the following properties:

    • X - 3

    • Y - 3

    • Width - 94

    • Height - 94

  1. In the Relative Clip Bounds pane that appears, set the following properties:

    • X - 0

    • Y - 0

    • Width - 0

    • Height - 0

WinGauge's appearance tab relative bounds editor drop-down arrow.
  1. You can see the Simple Gradient brush element applied to the selected property of your gauge in the interactive preview area.