Skip to main content
Version: 10.0

MailButton

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

<div
    id="mailButton"
    class="pdf-hide"
    data-hf-control="MailButton"
    data-hf-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

buttonStyle​

Define the style of the button.
How to use:
buttonStyle: 'primary'
Type: 'default' | 'primary' | 'success' | 'error' | 'warning'

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

nextToField​

Define the Form Control the button should be placed next to. Looks like this
How to use:
nextToField: 'email'
Type: string