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:
type
The type of button.
primary
: Default blue buttonsuccess
: Green buttonwarning
: Orange buttondanger
: Red buttonmuted
: 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?