Skip to main content
Version: 9.6

MailButton

The MailButton invokes the local installed E-Mail program and passes filled in email address information and the prefdeined subject string.

<div id="mailButton" 
    class="pdf-hide" 
    data-win-control="HFWinJSCtrl.MailButton" 
    data-win-options="{
        mailId: 'email',
        mailSubject: '[HybridForms]%20Demo%20-%20Info-Mail',
        buttonLabel: 'Open mail',
        buttonType: 'medium',
        buttonHeading: 'Mail'
    }"></div>

FormControl Options​

buttonType - required​

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

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

mailId - required​

Provide the ID of the form control containing the email address.

How to use: mailId: 'email'
Type: string

buttonHeading​

Define a label for the control element.

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

buttonLabel​

Define the button caption.
Only visible by choosing buttonType 'medium' or 'large'.

How to use: buttonLabel: 'Open mail'
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

mailSubject​

Define a subject line.

How to use: mailSubject: '[HybridForms]%20Info-Mail'
Type: string