The View is the simplest Design Element, and it is mostly used to Group elements. View properties can be found in every other design element.
The Label is the Design Element that displays one or more lines of static text. Users cannot interact with it or alter its content using a keyboard. You should use a Text Field or a Text View if you want the user to be able to input/edit the text using the keyboard.
You can update the Label’s text by using a Datasource’s Response parameter or a Screen Property. Finally, you can change Label’s content dynamically using Functions in the Code Blocks Editor.
Button is the Design Element that is able to receive taps, and trigger event actions at its On Click event.
Tip: If you need to add Event Actions to a Group of Design Elements, you should use Tappable View.
Image View is the Design Element to display an Image or an Image Asset.
Image Views do not support Events, so users cannot interact/click on them. In order to add actions to an image, you will need to use a Button, or add an Image View as a subview to a Tappable View and then connect their Events.
Text Field is the Design Element to use when need the user to input some text in one line.
Text Field supports only one line text and has extra properties like border style and secure text compared to Text View that supports multi line text input but has no extra properties.
Text View is the Design Element to use when needed to display and edit a multiline text. It also supports scroll when the text is bigger than its bounds.
Tip: To display a not editable and selectable text, you should use Label.
Tip: To display an editable one line text, you should use Text Field.
Switch is the native iOS Design Element most often used to display on/off states.
Tappable View is the Design Element that shares all the properties and characteristics of a View but it is also able to trigger an On Click Event when tapped.
Tip: You can add other Design Elements as subviews to create a group that can receive touches.
The Youtube Player View is the Design Element to use when you need to display a Video Player for YouTube Videos.
The Lottie Animation View is the Design Element to display Lottie Animations. Lottie is a library made by Airbnb for iOS, Android, Web and other platforms that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and the web!
LottieFiles.com is the world’s largest online platform to Discover Lottie Animations. You will need to Register on their website to copy the URL of the JSON file.
Activity Indicator is the native iOS Design Element that displays an animated spinner to show that a process is in progress.
Segmented Control is the native iOS Design Element that displays a horizontal collection of segments. Each segment can contain an Image or a Text and triggers an Event when tapped.
Tip: If you want to use a Tabbar at the bottom of the screen to navigate between different Screens, you should use a TabBar screen navigation.
List View is a scrollable native iOS Design Element that displays a data collection using re-usable List View Cells arranged in multiple rows and one column. You will need to assign a Cell to the List View using either Datasource or Screen Properties bind.
Tip: If you need to display more than one column or scroll horizontally, you will need to use 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.
The Web View is the Design Element to display web content into your app. You can load a URL or a static HTML file, and then the user can navigate to its content.
Note: You can only load secure https URLs and not un-secure http, because of iOS security guidelines.
Blur View is a Design Element that can be used to add a blurring effect in a different design element. You need to place it on top of the design elements you wish to blur and not as a subview of them.