A rectangle is a 2D shape that has 4 sides, 4 corners, and 4 right angles. Opposite sides of a rectangle shape are the same length, with one pair being longer than the other pair
Properties
Parameter
Description
Control Name
By default, the control type is posted with a unique number. Can be changed by the user using alphabets, numbers and special character (_). The maximum character limit is 100.
Disabled
Checkbox that disables the rectangle if checked.
Display
Toggle the display of the rectangle by choosing Hide/Show.
Resize Mode
Selected shape can be resized as Cover, Contain, Center or Stretch.
Blur Radius
Define the Image up to what frequency between 1 to 10 the Image can be blurred.
Rotation
By default 0 will be posted. The rectangle can be rotated by changing the number
Layout Order
First preference to view while placing once control over the other
Style
Choose the layout design, color border and effect for the Rectangle
Layout
Parameter
Description
Size
Width – Define the Size of the square from 1 to 310. Height – Define the height of the square from 1 to 310 .
Color
Background: Color
Parameter
Description
Color
The user can choose desired color from the color palette.
Background : Image
Parameter
Description
Source Type
Choose the source type of the image file from URL & Asset
Source
Provide the URL in the source if the source type is URL.
Background : Transparent
Parameter
Description
Transparent
Transparency of the Rectangle can be defined.
Background : Gradient
Parameter
Description
Gradient Direction
Choose the Gradient direction from Left, Right, Tp, Bottom, to top Left, to top Right, to bottom Left, to bottom Right.
Border
Parameter
Description
Width
Define the width of the border from 0 to 5.
Color
Choose the color of the border from the color palette
Style
Choose the style of the border from Solid, Dotted & Dashed patterns.
Radius
Choose the Border Radius from 0 to 160
Top Left Radius
Choose the Top Left Radius from 0 to 160
Top Right Radius
Choose the Top Left Radius from 0 to 160
Bottom Left Radius
Choose the Top Left Radius from 0 to 160
Bottom Right Radius
Choose the Top Left Radius from 0 to 160
Effect
Parameter
Description
Opacity
Define the opacity of the image from a minimum of 0.1 to a maximum of 1.
Elevation
Define the Elevation of the image from a minimum of 1 to a maximum of 10.
Events
Define the events that are to be triggered whenever there is a change.
Parameter
Description
onPress
Define an action that is to be performed on a press
onLongPress
Define an action that is to be performed on a long press
Actions
Define actions to be performed on the occurrence of the events.
Parameter
Description
Navigate To
Select the page to which the app user is to be navigated when the rectangle is clicked.