Skip to main content
Version: 9.5

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