Mashup Builder > Widgets > Shape Widget
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.
View the following video tutorial for more information:
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.