Button

Buttons are used to start any action. By default, the text Submit appears on a button. It indicates that it is used to submit information that an application user provides using other widgets.

Button Settings

Buttons can perform a variety of actions, and can even perform multiple actions. Each specific action has its own choices. For example, if the action of selecting a button is to go to a specific page, that page can be selected after the action is selected in the same grey box.

In addition, you can arrange actions in a sequence. For example, if the selecting a button will both hide a component and submit data entered by a user, the action can first hide the component, and then submit the data, or vice versa.

You can configure the following actions for a button widget.
ActionDescription
SubmitSends information to an entity.
Go to PageRedirects a user to a different page in the application (for example, from the home page to a different page in the navigation).
URLRedirects a user to a URL outside the application.
Set Global ValueIf selected, the data here will be available globally. Global data means that an entity changed in one part of the application will change across the application.
Show ComponentDisplays a hidden component.
Hide ComponentHides a component.
Toggle Show/HideSome widgets are marked as shown or hidden and the Toggle Show/Hide action will switch between hidden and shown views of a component.

Visual

Button types are design presets that can help create a better hierarchy and a better look and feel for an application. It is recommended to use button types to fit a button to its use. For example, a delete button might be a Negative type. The following button types are available:
  • Primary
  • Secondary
  • Positive
  • Negative
  • Link

Possible Uses

Buttons can be used for a variety of purposes. In general, buttons are used in conjunction with other widgets. For example, if a user makes a series of selections with drop-down list boxes, check boxes, and radio buttons, they can then select a Submit button that will record the user’s choices in an entity. Buttons can also be used to refresh a page, send a user to another page, set a global value, or show/hide content depending on how the button is configured.

This example shows how to create a window.
  1. Add a button widget in the page designer.
  2. Add a container below the button widget, and provide an ID for the container.
  3. In the container, add several input widgets, and set the display condition of the container to Hidden.
  4. In the Button Properties section of the button, set the action of Show Component, and specify the container ID.
  5. Save the application, and preview it.

    In the application, if you select the button, the container appears.