Shape Widget
The Shape widget is a graphical element you can use in your mashup design. Shapes can be rectangles, circles, or ellipses. The shape can be dynamically "filled" at run time by binding in a numeric data field. You can apply rule based style through state formatting or a fixed style.
Properties
For information about common widget properties, see Widgets. Properties that are specific to the Shape widget are described in the table below.
|
Property Name
|
Description
|
Base Type
|
Default Value
|
Bindable? (Y/N)
|
Localizable? (Y/N)
|
|---|---|---|---|---|---|
|
CustomClass
|
User defined CSS class to apply to the top div of the widget. Multiple classes can be entered, separated by a space.
|
STRING
|
n/a
|
Y
|
N
|
|
Data
|
Data source
|
NUMBER
|
n/a
|
Y
|
N
|
|
ShapeType
|
The type of shape you want the widget to have
|
STRING
|
Rectangle
|
N
|
N
|
|
RectangleCornerRadius
|
The radius of the corners on a rounded rectangle
|
NUMBER
|
10
|
N
|
N
|
|
ShapeFormatter
|
Styling rules for shape
|
STATEFORMATTING
|
n/a
|
N
|
N
|
|
GradientType
|
Type of gradient fill (radial only supported for circle/ellipse)
|
STRING
|
Linear
|
N
|
N
|
|
GradientOrientation
|
Orientation of linear gradient fill
|
STRING
|
Vertical
|
N
|
N
|
|
EnableDynamicFill
|
Allow the shape to be filled dynamically
|
BOOLEAN
|
false
|
N
|
N
|
|
DynamicFillRangeMinimum
|
Dynamic fill range minimum value
|
NUMBER
|
0
|
Y
|
N
|
|
DynamicFillRangeMaximum
|
Dynamic fill range maximum value
|
NUMBER
|
100
|
Y
|
N
|
|
DynamicFillOrientation
|
Orientation of dynamic fill
|
STRING
|
Vertical
|
N
|
N
|
Events
Clicked
Fires when the shape is clicked once.
DoubleClicked
Fires when the shape is double clicked.