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 | (Optional) Specifies the index of the gradient stop styles. If specified, the first gradientStopStyle should have stopIndex of 0. If the index is not specified, the order of the gradientStopStyle tags in the jspx page is used as index. |
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. |