Configure Number Fields

Add number controls to your form to allow users to enter decimal numbers.

To configure a number control:
  1. From the Basic palette, drag and drop a Number 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.

    Hint

    Hint text that will display to users when a user clicks 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

    Sets a maximum value that users can enter into the control.

    Min

    Sets a minimum value that users can enter into the control

    Show up/down buttons

    Select this property to display the up and down arrows used to increment or decrement the control value.

    Step

    This property appears if you selected the Show up/down buttons property.

    Specifies a value based on which the number will increase or decrease when users increment or decrement the value with the up or down arrow.

    By default the step value is set to 1. Step must be always greater than 0 and you can’t enter a value lower than 1.

    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.