button

Use the tag <button> to add a button to your widget form. The behavior is similar to React's.

Available attributes:

Attribute	Type	Mandatory	Description
buttonType	String	N	Specify button display style for forms and lists. The disabled buttons appear in gray. unstyled – a white color button primary – a blue color button approve – a green color button destructive – a red color button secondary – a transparent background for the button Use the following button types along with the svg attribute: icon-mini – a small square button icon – a square button icon-primary – a square button with blue background icon-border – a square button with borders
disabled	Boolean	N	Set the value to true to disable the button. The default value is false.
isVisible	Boolean	N	Set the value to false to disable the tag display. The default value is true.
svg	String	N	Specify the SVG code of a pre-decoded image file.
hint	String	N	Add a text hint for the button.
class	String	N	Specify the CSS class name that is defined in the CSS field of the widget.

To set a button, follow the example below:

Button

<checkbox model="data.userCanReject" event-change="window.s_widget_custom.canCheckboxHandler();"></checkbox>
  
<button buttonType="destructive" disabled={data.userCanReject} event-click="window.s_widget_custom.reject();">
  {data.rejectBtnTitle}
</button>

Page tree

button