Skip to main content
Version: 9.6

PhoneButton

The PhoneButton offers the possibility to dial a phone number provided by an input field inside your form by a dial-up application i.e. "Skype" or the mobile device.

<div id="phoneButton1" 
    class="pdf-hide" 
    data-win-control="HFWinJSCtrl.PhoneButton" 
    data-win-options="{
        phoneId:'phone',
        buttonHeading: 'Customer',
        buttonLabel: 'Skype',
        buttonType: 'large' 
    }"></div>

FormControl Options​

buttonType - required​

Define the size of the button ('small', 'medium' or 'large').

How to use: buttonType: 'large'
Type: 'small' | 'medium' | 'large'

phoneId - required​

Provide the ID of the form control recieving the phone number.

How to use: phoneId:'phone'
Type: string

buttonHeading​

Define a label for the control element.

How to use: buttonHeading: 'Customer'
Type: string

buttonLabel​

Define the button caption.

How to use: buttonLabel: 'Skype'
Type: string

hidden​

Hide FormControl in Form.

How to use: hidden: true
Type: boolean

icon​

Sets the icon of the button

How to use: icon: 'fa-barcode-scan'
Type: string