Configure Email Fields
Add an email control to allow users to enter a valid email address to a form.
- From the Basic palette, drag and drop an email control onto the canvas.
- 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.
- Use the Styling tab in the Properties pane to modify the control’s appearance as needed. See Styling Properties.