Links

Choose your Design components

UI components are used in the Design view to build your application, and appear in your application UI.
This section provides overviews of the following UI components:
  • Button: Simple button equipped with an onClick event.
  • Container: Component and application organizer.
  • Form: Simple form to collect user information.
  • Image: Image upload/sourcing space.
  • Link: Clickable link to an internal or external destination.
  • Table Main: Simple table to organize application information.
  • Text: Static text label.
  • Text Input: User input field.

Button

The Button component appears as a simple button in your application. By default, it is equipped with an onClick event, which triggers a connected action when the button is clicked.

Container

Container components are content areas that enable you to layout, organize, and group UI components. The Container component is analogous to an HTML div element.
By default, the Container component is equipped with the following nodes:
Node
Description
activate
Activates the Container's child components.
deactivate
Deactivates the Container's child components.

Form

The Form component enables you to collect user data, which you can then manipulate in your application logic.
By default, the Form component contains the following nodes:
Node
Description
getData
Object containing user-submitted data.
onSubmit
Trigger that occurs when information is submitted in the form.

Image

The Image component enables you to upload png and jpeg files or use a URL to set the source of an image in your app.
By default, the Image component is equipped with the following nodes:
Node
Description
setSource
Sets the image source.
source
String value of the image source.
The Link component enables you to direct users to different pages in your app or external destinations.
By default, the Link component is equipped with the following nodes:
Node
Description
setURL
Sets the url where you want to direct users.
url
String value of the link URL.

Table Main

The Table Main component enables you to add a table to your application. It stores values as comma-separated values (CSV). By default, the Table Main component is equipped with a getCSVData node, which returns the table values in CSV format.

Text

The Text component appears in your application as a static text label.
By default, the Text component is equipped with the following nodes:
Node
Description
setLabel
Sets the text label.
label
String value of the text label.

Text Input

The Text Input component appears as a user input field in your application UI, and enables you to collect user information.
By default, the Text Input component is equipped with the following nodes:
Node
Description
setValue
Sets the input field's value.
value
String value of the input field.
getValue
Retrieves the input field value.