button

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

By default, no action is connected to the button. If you want to add action that occurs when the clicks the button, use event-click attribute.

Available attributes:

Attribute	Type	Mandatory	Description
buttonType	String	N	Specify button display style for forms and lists. 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 expand – a rectanguar button with blue background, the svg is colored in blue as well
disabled	Boolean	N	Set the value to true to disable the button. The default value is false. The disabled buttons appear in gray.
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