Configure Phone Number Fields

Add a phone control to your form to allow users to enter phone numbers in international or US formats. The phone control uses the US format by default and displays the expected phone number pattern (xxx-xxx-xxxx). You can change the format using the Format property on the General tab.

To configure a phone control:
  1. From the Advanced palette, drag the Phone 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.

    Format

    Specify a phone number format. By default, the US format is selected.

    Default Value

    Specify the default value that will appear in the control when the form loads.

    Placeholder

    Value that will appear in the control until any value is entered by the user. If value is removed from the control, the value specified in this field reappears.

    Hint

    Hint text that will display to users when a user clicks into the control.

    Help

    Help text that will appear for the control. If you specify help text, a help icon appears next to the name of the control and displays the help text when a user hovers over it or clicks it.

    Max Length

    Defines the maximum number of characters a user can enter into the control.

    Min Length

    Defines the minimum number of characters a user must enter into the control. Leave this field blank if you don’t want to define the minimum length.

    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 propery if you want to hide this control when the form loads.
  3. Use the Styling tab in the Properties pane to modify the control’s appearance as needed. See Styling Properties.