Designing Screens

This page contains reference information on elements available for designing screens.

Select an element from the list below for detailed information about it.

Articles in this Section

• Block Widget

  Reference information on the Block widget available for displaying a reusable screen element on a screen.

• Button

  Reference information on the Button widget for triggering an action on a screen.

• Button Group

  Reference information on the Button group widget available for adding a set of buttons for users to select a single option on a screen.

• Button Group Item

  Reference information on the Button group widget available for adding a set of buttons for users to select a single option on a screen.

• Checkbox

  Reference information on the Checkbox widget for allowing the user to check or uncheck an option on a screen.

• Container

  Reference information on the Container widget for grouping widgets and applying styles to them on a screen.

• Dropdown

  Reference information on the Dropdown widget for showing a dropdown list for the users to select a value on the screen.

• Expression

  Reference information on the Expression widget for displaying a text literal or an expression to calculate at runtime on the screen.

• Form

  Reference information on the Form widget for specifying a collection of user inputs that share the same validation context, on the screen.

• HTML Element

  Reference information on the HTML Element widget for adding a custom HTML element to the screen.

• Icon

  Reference information on the Icon widget for adding a scalable vector picture as an icon to the screen.

• If Widget

  Reference information on the If widget for displaying content on the screen based on a condition.

• Image

  Reference information on the Image widget for displaying an image on the screen from a defined source.

• Input

  Reference information on the Input widget for allowing users to input data on a screen.

• Label

  Reference information on the Label widget for allowing users to add text labels on a screen.

• Link

  Reference information on the Link widget for allowing users to have clickable links on a screen.

• List

  Reference information on the List widget for allowing users to get a list of records on a screen.

• List Action

  Reference information on the List Action widget for allowing you to define the behavior when swiping the correspondent List Item, which can be executing a screen action or navigating to another screen.

• List Item

  Reference information on the List Item widget for allowing you to displays a list item with full swipe behavior capability, containing a List Action widget to define the swiping behavior.

• Placeholder Widget

  Reference information on the Placeholder widget for reserving space in your block for filling when the block is used.

• Popover Menu

  Reference information on the Popover Menu widget for adding a container that opens when the user taps an element or a region.

• Popup

  Reference information on the Popup widget for adding floating container/window (modal container) above other screen content.

• Radio Button

  Reference information on the Radio Button widget for representing an option within a Radio Group on a screen.

• Radio Group

  Reference information on the Radio Group widget for adding groups of two or more Radio Buttons

• Switch

  Reference information on the Switch Group widget for adding two-state toggle controls to allow users to select between two options.

• Table

  Reference information on the Table widget for displaying data in cells distributed in rows and columns. The tables created with Table Widget support automatic pagination, sorting, and dragging Attributes to add columns.

• Text Area

  Reference information on the Text widget for adding a multi-line field to hold text typed by the users.

• Text Widget

  Reference information on the Text widget for enclosing the text that users type in your screen or block.

• Upload

  Reference information on the Upload widget for allowing the users to browse and select a local file to upload into the application.