Button

This element displays a button whose color reflects its status based on its type.

You can add a button at the end of your form to trigger a custom action. This component supports the following attributes:

Property	Description	Values
type	The button type.	primary: Default blue button success: Green button warning: Orange button danger: Red button muted: Gray button
click	A user-defined label that acts as a unique ID to link the button to an action.	Any user-defined label that matches the label of one of the supported actions.

Supported button actions

Available actions inside the Custom UI widget are:

• Trigger webhook: When the button is clicked, an HTTP request is sent to the configured URL.

• Go to dashboard: When the button is clicked, the configured dashboard opens in a new tab.

• Go to URL: When the button is clicked, the configured URL opens in a new tab.

Example

The following snippet displays a green button that, when clicked, runs the action labeled make_request, which sends an HTTP POST request to a configured Ubidots endpoint:

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

Here, the button's click property defines the label of the action to perform, make_request. Configure the same label in the widget settings under the Actions section:

In the GIF above, the Label field in the widget's action configuration uses the same value as the button's click property.