List Viewer

Last updated 10 months ago

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