List Viewer

Add items to a List Viewer

We recommend adding a short list of items within the app itself as the Screen starts

For longer lists, we recommend using the Spreadsheet component

Property

Description

Text Items

Default (none); items must be in list format

Select item from a List Viewer

Property

Description

Item Click

Returns an item value and a numeric index number when an item is selected

Style the List Viewer

Property

Description

Show Arrow

Default (true); If true,shows an arrow with each list item

Background Color

Default (none); Sets the background color of the List Viewer

Background Picture

Default (none); Optional background picture that appears in the List Viewer

Edit the ListViewer height

A List Viewer automatically fill 100% of the Screen width

For more information on sizing in your app, please see our introduction here​​

Property

Description

Height

Default (Fill container); Four options: 1)Fit contentswhich auto-sizes to the content size or 2)Fill containerwhich auto-sizes to the container 3)Relative sizein percent of Screen, 4)Absolute sizein pixels

Add spacing

For more information on adding spacing in your app, please see our introduction here​

To find the spacing properties, you'll have to select the Advanced tab

Property

Description

Margin Advanced

Default (none); Margin is the space outside of the border of a component; You can set space on the top, bottom, right or left of the component in both pixels or percent of Screen

Padding Advanced

Default (none); Padding is the space between the contents and the border of a component; You can set space on the top, bottom, right or left of the component in both pixels or percent of Screen