Oracle Fusion Middleware Data Visualization Tools Tag Reference for Oracle ADF Faces 11g Release 1 (11.1.1.5.0) E12418-07 |
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. Between the 60% and 90%, the color changes linearly from the first color to the second color.
<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 | int | yes | (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 | yes | Specifies the fill color at a specific point along a gradient. The example color="#000000" specifies black. This color property takes 6 or 8 digit hex as input. When 8 digit hex is used, the first 2 digits represent transparency, otherwise the color is opaque. |
gradientStopPosition | double | yes | 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. |