List of controls

Following is a comprehensive list of controls that can be used to build your applications:

Basic controls

Control Description
Input Label An Input Label control consists of a Title and a data field that can be fetched from other controls or a sheet
Numeric The Numeric Control is used for collecting data or for calculating numeric values based on other inputs.
Rich Text Editor A Rich-text editor control is an interface for editing rich text within web browsers, which presents the user with a " what-you-see-is-what-you-get " ( WYSIWYG ) editing area.
Text Area The Text Area control lets the maker accept multiple lines of text in a single field.
Text The Text Control allows the user to enter or edit any text data as an input in a Text column. Text Control is used to accept a single line of text data.
Toggle Button A Toggle button control is used when the user has to choose between an ON and OFF state.

Selection controls

Control Description
Checkboxes The Checkboxes control is used to select one or more options from the given list of choices.
Dropdown Dropdown control allows the user to select one or more options from a specified list of choices
Radio Button A Radio button control can be used when the user is supposed to select anyone out of the given choices.
Select Bar A Select Bar control is used to display a set of options in a bar from which the user can select one or more options.

Button controls

Control Description
Action Button The Action Button control lets you trigger events like - Navigating to a screen, sending the email, etc.
Submit Button A Submit button control is used for updating the data entered by a user in the fields of an app to a Sheet or to trigger other workflows. It enables Workflows that initiate further actions.

Date & Time controls

Control Description
Date & Time Picker Date & Time Picker control is used to accept date and time into a microapp by selecting them from a calendar and clock widget respectively.
Date Picker A Date Picker control is used to accept dates into a microapp by selecting a date from a calendar widget.
Time Picker Time Picker control is used to accept time into a microapp by selecting the time from a clock widget.

Native controls

Control Description
File Upload The File Upload control is used to upload files like documents, pictures, audio files, videos, and so on.
GPS GPS control is used to get the current location of the user’s device. You need to enable GPS Location to use this control on the app.
Signature The Signature control is used to capture signatures of the users. Anything that you write or draw on the Signature pad will be stored as an image in the Sheets.

Advance controls

Control Description
Currency Currency Control is used to accept monetary values by letting the user set the amount and the currency of payment.
Data Store The Data Store is a control that is used to store some data in the microapp that can be later used by another control. It simply acts as a repository of data.
JSON Store The JSON store control is similar to the Data Store but instead of normal data it is used to store an array of JSON objects.
Keyword Box The Keyword Box control is used to display a set of keywords to the user in a box to which they can either add new keywords or remove the existing.
Map A Map Control is used to display certain locations to the user or accept a location from the user.
Name A Name control is used to accept names in a composite manner in three different fields which can be later stored in three different columns of a sheet and used as separate entities.
Phone The Phone control is simply used to accept the Phone number in a composite manner in two different fields which can be later stored in two different columns of a sheet and used as separate entities.
Prefix and Suffix The Prefix and Suffix control is used to add a Prefix or Suffix to an input value given by the user
Quantity The Quantity control is an Advance control that is used to enter the quantity
Value Picker The Value Picker control is an Advance control that lets you pick a value on a slider with a predefined maximum and minimum value.

Display controls

Control Description
Dual Text It is a Display control that lets you display two texts; usually when users need to compare two entities or use one entity to support with additional information.
Heading It is used to add titles and represent the key concepts in the micro-app. They visually convey levels of importance and help in structuring the app.
Label It is used to display a Title and a subtitle with an actionable icon and can be used for performing quick actions.
Paragraph The Paragraph control is used to display a block of text separated from adjacent controls using indentation or Spacers.
Rich Text Viewer The Rich Text Viewer control is used to display rich text which is well-formatted and can consist of multimedia like Images, tables, graphs, etc.
Separator The Separator control is a display control used to add a visual break in the microapp by displaying a line and a text that signifies that the user is moving from one section of the app to another.
Spacer The Spacer control is a Display control used to give a visual space between two parts or sections in a microapp.
Table grid The Table grid control is a Display control that is used to fetch the data from a Sheet and display the contents of the sheet to the user.

Container controls

Control Description
Form MultiRow The Form MultiRow control is a Container control that lets you create a group of controls that can be repeated in the microapp by the user by using add more button.
Form Repeat The Form Repeat control is a Container control used to add multiple controls where the output can be directly given to JSON column in the sheet in a single Row instead of iterating as we do for the MultiRow control.
List Repeat The List Repeat control is a Container control that is used to make a list item designed in the designer act like a List control.
Panel The Panel control is a container control that is used to group a few controls together. It can be used when a condition or validation is to be applied to more than one control.

Navigation controls

Control Description
Button Bar The Button Bar Control is a Navigation control that has a Bar in which the Navigation buttons are placed.
Grid Menu A Grid Menu Control is a Navigation control that has a grid-based layout system, with rows and columns with icons placed in the grid for easy navigation to different screens in the microapp.
Menu List The Menu List control is a Navigation control that has a menu in the form of a list and each menu item can be used to navigate to different screens or parts or the microapp.

Media controls

Control Description
Image The Image control is used to display images in a microapp.
Image Slider Image Slider is a Media Control that is used to show a group of images in a slider view in which one picture is shown at a time.
Media Player A Media Player is a Video Control that is used to play a video in the microapp.
Multi Image The Multi Image control is a media control that is used to display a grid of multiple images in a microapp.

Advance Display controls

Control Description
Detail View A Detail View control is used to fetch the data from a sheet and display it in a detailed manner.
HTML The HTML control is an Advance Display control that is used to write a custom HTML code.

Chart controls

Control Description
Area Graph The Area Graphs are Line Graphs but with the area below the line filled in with a certain color or texture.
Bar Graph A Bar Graph control is a chart control that uses bars to show comparisons between categories of data.
Column Graph The Column Graph is a type of Chart control in which numerical values are illustrated with horizontal columns.
Donut charts A Donut chart is primarily a Pie Chart with an area at the center cut out.
Line Graph A Line Graph is commonly used to display change over time as a series of data points connected by straight line segments on two axes.
Pie Chart A Pie chart is a type of graph in which a circular graphic is divided into sectors that represent a proportion of the whole.