<dvt:gradientStopStyle>

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.

Example

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>

Attributes

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.