A flat geometric figure that has four equal sides and four right angles.
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 square if checked.
Display
Toggle the display of the square by choosing Hide/Show.
Background
Choose the Background from the following – Color, Image, Transparent, Gradient
Rotation
By default 0 will be posted. The square can be rotated by changing the number
Layout Order
First preference to view while placing once control over the other
Background : Color
Parameter
Description
Background Color
Choose the background 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.
Asset Link
Choose the image asset link for including the image from the Assets available in the application
Resize Mode
Choose the resize mode from Cover, Contain, Stretch, Center
Blur Radius
Define the radius up to which the image can be blurred from a minimum of 1 to a maximum of 10.
Active Opacity
Define the active opacity of the image from a minimum of 0.1 to a maximum of 1.
Background : Transparent
Parameter
Description
Transparent
Transparency of the square 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
Style
Choose the layout design, border and effect for the square.
Layout
Parameter
Description
Size
Define the Size of the square from 1 to 310.
Border
Parameter
Description
Width
Define the width of the square 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 square is clicked.