Link Search Menu Expand Document

View - Group

The View is the simplest Design Element, and it is mostly used to Group elements. View properties can be found in every other design element.



Alpha is a number that alters the transparency of the View. The value ranges between 0.0 and 1.0, where 0.0 makes the View totally transparent and 1.0 totally opaque.
Tip: Transparent views do not receive touches.
Default value: 1.0

Background Color

View’s background color.

User Interaction Enabled

User Interaction Enabled indicates whether the View can receive touches from the user.


If enabled, it hides the View and all of the design elements inside of it.

Masks to Bounds

When enabled, applies a mask to all subviews, so the parts of the subviews that are out of the View’s bounds are not clipped.
Default Value: true for Groups


Border Color

The color of the border. Tip: Border width needs to be greater than 0 for the border to appear.

Border Width

The width of the border.
Default value: 0

Corner radius

Changes the radius of the View’s corners. To make a circle, you will need to create a square view and then set the Corner Radius equal to width/2.
Tip: Need to enable Masks to Bounds for the content to be clipped to the rounded corners.
Default value: 0


Shadow Color

The color of the shadow.
Tip: You can add opacity/alpha to the Shadow Color in order to add transparency to the shadow.

Shadow Blur

The blur radius used to render the shadow.

Shadow X Offset

The horizontal offset of the shadow.

Shadow Y Offset

The vertical offset of the shadow.


Display Name

You can use this text to identify the View in the Code Blocks Editor and in the List of the Screen’s elements. It is not visible to the users.

Visible In Code

It makes the View visible in the Code Blocks Editor in order to connect it to other Code Blocks.