Configure Email Fields

Add an email control to allow users to enter a valid email address to a form.

  1. From the Basic palette, drag and drop an email control onto the canvas.
  2. Select the control and use the General tab in the Properties pane to configure the following:
    Field Description

    Name

    An internal identifier that you will use to identify the control.

    Label

    Specifies the name that displays to users.

    Binding

    Defines a link between the control and a data attribute.

    Default Value

    Specifies an email to display to users when the form loads and the current control value is empty.

    You must ensure that you enter a valid email format in the field, otherwise you will get a message indicating that the email format entered isn’t valid.

    Placeholder

    Hint text that describes the expected email format. This hint text will display in the control before users enter a value.

    Hint

    Useful hint text that displays to users when they select the control.

    Help

    Help text to display to users when they hover over or click the control’s help icon.

    Max Length

    Sets the maximum number of characters users can enter before the @ symbol for the email.

    Min Length

    Sets the minimum number of characters users can enter before the @ symbol for the email.

    Required

    Select this property to specify that users must provide a value in order to successfully submit the form. An asterisk displays to indicate that it's a required field.

    Autocomplete

    Select this property to display autocompletion entries when users begin to enter text into the control.

    Disabled

    Select this property to display the control as inactive (grayed out) to users.

    Auto Focus

    Select this property to automatically focus on this control when the form loads. If multiple controls are set to Auto Focus, the focus goes to the first control in the form.

    Read Only

    Select this property to display the control's content (if any) without allowing users to edit it.

    Hide

    Select this property to hide the control.

  3. Use the Styling tab in the Properties pane to modify the control’s appearance as needed. See Styling Properties.