Grid View

Grid View is a scrollable native iOS Design Element that displays a data collection using re-usable Grid View Cells arranged in multiple rows and columns. In addition, you can define the scroll direction.
You will need to assign a cell to a Grid View using either Datasource or Screen Properties bind.
Tip:If you want to have only one column with full-width rows, it is recommended to use a List View.

Grid View

Scroll Direction

This property determines if the Grid View will scroll horizontally or vertically.

Allow selection

This property determines whether the user can select a row.

Minimum iteritem spacing

The minimum spacing to use between cells in the same row.

Minimum Line spacing

The minimum spacing to use between the rows.

Scroll View

Is Scroll Enabled

Determines whether scrolling is enabled.

Is Paging Enabled

Determines whether paging is enabled.

Scrolls to Top

This property controls whether the scroll-to-top gesture is enabled. The user can tap on the status bar to scroll to the top of the Grid View.

Bounces

This property controls whether the grid view bounces past the edge of content and back again.

Always Bounce Vertical

This proper determines whether bouncing always occurs when vertical scrolling reaches the end of the content.

Always Bounce Horizontal

This proper determines whether bouncing always occurs when horizontal scrolling reaches the end of the content view.

Scroll Indicator

Scroll Indicator Style

The style of the scroll indicators.

Show Scroll Indicators Horizontal

This property controls whether the horizontal scroll indicator is visible.

Show Scroll Indicators Vertical

This property controls whether the vertical scroll indicator is visible.

View

Alpha

Alpha is a number that alters the transparency of the grid view. It ranges between 0.0 and 1.0, where 0.0 makes the grid view totally transparent and 1.0 totally opaque.
Default value: 1.0

Background Color

Grid view’s background color.

Hidden

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

Code

Display Name

You can use this text to identify the Grid 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 Grid View visible in the Code Blocks Editor in order to connect it to other Code Blocks.