You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

The <button> tag adds a button to your widget form. This element behavior is similar to React's

Available attributes:

AttributeTypeMandatoryDescription
buttonTypeStringN

Specify button displaying 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

  • icon-mini – is a small button that provides extra information when moving the pointer over it or clicking it. See the example below:


To set a button, follow the example below:

Button
<button buttonType="approve" event-click="window.s_widget_custom.approve();">
  {data.approveBtnTitle}
</button>

<button buttonType="destructive" event-click="window.s_widget_custom.reject();">
  {data.rejectBtnTitle}
</button>
  • No labels