List Viewer

List Viewer Overview
Properties
You can customize the List Viewer with the following properties:
List Viewer
Property
Description
Data Type
Text Items
Set text items of List Viewer 
List of text items
Text Items Color:
Set font color of Text Items
Color
Text Items Background Color
Set background color for List Viewer
Color
Text Items Font Size
Set font size of Text Items
Number
Show Arrow
Toggle whether arrow is shown beside text items
True/False
Advanced Properties
Property
Description
Data Type
Writing Direction (iOS and web only)
Set writing direction of text items
Select from list [auto, ltr, rtl]
Background Color
Set background color of List Viewer 
Color
Layout
Property
Description
Data Type
X
Set the location of your List Viewer on the X-axis in pixels
Number
Y
Set the location of your List Viewer on the Y-axis in pixels
Number
Height
Set the Height of your List Viewer in pixels
Number
Width
Set the Width of your List Viewer in pixels
Number
Visible
Toggle whether your end users can see the List Viewer
True/False
Style
Property
Description
Data Type
Border Width
Set width of List Viewer's border in pixels
Number
Border Color
Set color of List Viewer's border
Color
Border Style
Set style of List Viewer's border
Select from list [solid, dotted, dashed]
Border Radius
Set radius of corners for List Viewer's border in pixels
Number
Blocks
Functions
When Item Click
Performs an action when the user clicks on an item of the List Viewer.
Outputs
Item
Text of selected item
String
Index
Position of item in List Viewer (starting with 1)
Number
Properties
Set and get properties of the List Viewer.
Text Items
Set the text items displayed in your List Viewer. Works with list blocks:
'set List Viewer's text items' block used with create list block
'set List Viewer's text items' block used with make list from text block
This block also works with blocks to retrieve columns from Data Sources:
Fetching data from a Local Table
Getting data from an Airtable Table
Reading data from a Google Sheet
Choosing Airtable or Google Sheets allows you to create dynamic list viewers. This is where the information displayed to the user changes whenever you change your cloud-based data in Airtable or Google Sheets. Either of these options are ideal for when you need to store thousands of items, or you need to work with items that change frequently. 
Performs an action when the user clicks on any one of the list items.
Text Items Color
Set and get font color of the List Viewer's text items.
Text Items Background Color
Set and get background color of the List Viewer's text items.
Text Items Font Size
Set and get font size of the List Viewer's text items.
Show Arrow
Choose whether or not the arrow is displayed next to every item in the list viewer.
Height
The Computed Heightblock returns the height of the List Viewer in pixels after it has been rendered on-screen.
Width
​
The Computed Widthblock returns the width of the List Viewer in pixels after it has been rendered on-screen.
Visible
Set and get the visibility of the List Viewer.

Text Input

Group

Last modified 4mo ago

Export as PDF

Copy link

Contents