<kendo:diagram-shape-fill-gradient>

Defines the gradient fill of the shape.

Example

<kendo:diagram-shape-fill>
    <kendo:diagram-shape-fill-gradient></kendo:diagram-shape-fill-gradient>
</kendo:diagram-shape-fill>

Configuration Attributes

center java.lang.Object

The center of the radial gradient.Coordinates are relative to the shape bounding box. For example, [0, 0] is top left and [1, 1] is bottom right.

Example

<kendo:diagram-shape-fill-gradient center="center">
</kendo:diagram-shape-fill-gradient>

end java.lang.Object

The end point of the linear gradient.Coordinates are relative to the shape bounding box. For example, [0, 0] is top left and [1, 1] is bottom right.

Example

<kendo:diagram-shape-fill-gradient end="end">
</kendo:diagram-shape-fill-gradient>

radius float

The radius of the radial gradient relative to the shape bounding box.

Example

<kendo:diagram-shape-fill-gradient radius="radius">
</kendo:diagram-shape-fill-gradient>

start java.lang.Object

The start point of the linear gradient.Coordinates are relative to the shape bounding box. For example, [0, 0] is top left and [1, 1] is bottom right.

Example

<kendo:diagram-shape-fill-gradient start="start">
</kendo:diagram-shape-fill-gradient>

type java.lang.String

The type of the gradient. The supported values are: linear or radial.

Example

<kendo:diagram-shape-fill-gradient type="type">
</kendo:diagram-shape-fill-gradient>

Configuration JSP Tags

kendo:diagram-shape-fill-gradient-stops

The array of gradient color stops.

More documentation is available at kendo:diagram-shape-fill-gradient-stops.

Example

<kendo:diagram-shape-fill-gradient>
    <kendo:diagram-shape-fill-gradient-stops></kendo:diagram-shape-fill-gradient-stops>
</kendo:diagram-shape-fill-gradient>
In this article
Not finding the help you need?