gradientStopStyle gradient stop style

Use the gradientStopStyle tag to control the color and rate of change of a gradient fill.

Relationship with other tags

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: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"/> 


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.