Use the gradientStopStyle tag to control the color and rate of change of a gradient fill.
The gradientStopStyle tag is a child tag of the specialEffects tag.
The following example shows the XML for a gradient fill for a gauge background. In this example the first color is used uniformly over the first 60% of the gradient range (from the center of the background area to a radius 60% to the perimeter) and the second color is used uniformly over the 10% of the area that is closest to the perimeter.
<dvt:gauge>
<dvt:gaugeBackground borderColor="#848284">
<dvt:specialEffects fillType="FT_GRADIENT" gradientDirection="GD_RADIAL">
<dvt:gradientStopStyle stopIndex="0" gradientStopPosition="60" gradientStopColor="#FFFFCC"/>
<dvt:gradientStopStyle stopIndex="1" gradientStopPosition="90" gradientStopColor="#FFFF99"/>
</dvt:specialEffects>
</dvt:gaugeBackground>
</dvt:gauge>
| Name | Type | Supports EL? | Description |
|---|---|---|---|
| id | java.lang.String | no | Specifies the identifier for the component |
| stopIndex | java.lang.String | no | Specifies the order of the gradient stop styles. The first gradientStopStyle should have stopIndex 0. |
| gradientStopColor | java.lang.String | no | Specifies the fill color at a specific point along a gradient. The example color="#000000" specifies black. |
| gradientStopPosition | double | no | Specifies the proportional distance along a gradient for the identified gradientStopColor. The gradient is scaled from 0 to 100. If 0 or 100 point is not specified, default positions are used for those points. |