Button

This element will display a button that, according to its type, will have a color meaning different status

You may add a button at the and of your form in order to trigger a custom action. This component supports the following attributes:

Property
Description
Values

type

The type of button.

  • primary: Default blue button

  • success: Green button

  • warning: Orange button

  • danger: Red button

  • muted: Gray button

click

A user-defined label that serves as a unique ID to link the button to an action.

Any user-defined label that matches the label of any of the supported actions.

Supported button actions

Available actions inside the custom UI widget are:

  • Trigger webhook: Upon clicking the button, an HTTP request will be made to the configured URL.

  • Go to dashboard: Upon clicking the button, the configured dashboard will be launched in a new tab.

  • Go to URL: Upon clicking the button, a new tab will be launched pointing to the designated URL.

Example

The following code snippet displays a green button, that, upon being clicked, will launch the action labeled make_request, that will ultimately make an HTTP POST request to a certain configured Ubidots endpoint:

<button type="success" click="make_request">Send</button>

Here, the button's property click defines the label of the action to be performed ("make_request") and which is configured in the widget's settings at the "actions" section:

Note from the GIF above that, the Label field within the Widget's Action configuration, is filled with the same label as it was in the button's click property.

Last updated

Was this helpful?