Configure URL Fields

Add a URL control to allow users to enter a web address URL to your form.

  1. From the Basic palette, drag and drop a URL 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

    Sets a value to display to users when the form loads and the current control value is empty.

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

    Placeholder

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

    Hint

    Useful hint text to display 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

    Specifies the maximum number of characters users can enter into the control.

    Min Length

    Specifies the minimum number of characters users must enter into the control.

    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.