List Viewer

Last updated last month

​Add items to a List Viewer​
​Select item from a List Viewer​
​Style the List Viewer​
​Edit the List Viewer height​
​Add spacing​
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

Web Viewer

Switch

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

Property	Description
Text Items	Default (`none`); items must be in list format

Property	Description
Item Click	Returns an `item` value and a numeric `index` number when an item is selected

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

Property	Description
Height	Default (`Fill container`); Four options: 1)`Fit contents`which auto-sizes to the content size or 2)`Fill container`which auto-sizes to the container 3)`Relative size`in percent of Screen, 4)`Absolute size`in pixels