Skip to main content
Version: 9.1

ButtonControl

The ButtonControl invokes a predefined custom callback.

<div id="buttonControlSample" 
data-win-control="HFWinJSCtrl.ButtonControl"
data-win-options="{
buttonType: 'large',
buttonLabel: 'Test',
buttonHeading: 'Button',
callback: HFFormdefinition.SampleHelpers.buttonControlCallback
}"></div>
PropertyTypeHow to useDescription
callback *Function()callback: HFFormdefinition.Namespace.MethodCall a pre-defined JS-method to do something when the button is invoked. address.
buttonType *StringbuttonType: 'medium'Define the size of the button ('small', 'medium' or 'large').
buttonLabel **StringbuttonLabel: 'Button'Define the button caption.
Only visible by chossing buttonType 'medium' or 'large'
buttonHeading **StringbuttonHeading: 'Test'Define a label for the control element.
iconStringicon: 'fa-barcode-scan'Sets the icon of the button. Can be FontAwesome Icon or SVG Image.
vibrationFeedbackBooleanvibrationFeedback: trueEnable/Disable vibration feedback on click. Default is true.
audioFeedbackBooleanaudioFeedback: trueEnable/Disable audio feedback on click. Default is true.
callbackFeedbackBooleancallbackFeedback: trueEnable/Disable callback feedback on callback funtion return. Default is true.
disableOnClickBooleandisableOnClick: falseDisable button while callback function is executed. Default is false.

* These options are required.
** Please provide at least one of these options.