Configure Number Fields

Add number controls to your web form. Number controls allow users to enter decimal numbers. By default, number controls display 0 but you can set this to any decimal number using the Default Value field in the General tab.

To configure a number control:
  1. From the Basic Palette, drag and drop a Number control onto the canvas.
  2. Select the control and edit its properties on the Properties pane's General tab.
    Field Description

    Name

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

    Binding

    Defines a link between the control and a data attribute.

    Computed Value

    Set this property to apply a computation to the control. See Create Computed Controls.

    Default Value

    Sets a value to display to users when the form loads.

    Placeholder

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

    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 increment/decrement buttons

    Select this check box to display the up and down arrow buttons used to increment or decrement the control value.

    Step

    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.

    For example, if the step value is set to 4, and the initial value in the number field is 0, then when users increment the value for the first time, the value will be 4. When users increment the value the second time, it will be 8 and so on.

    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.

    Note:

    This property is displayed only when you select the Show increment/decrement buttons check box.

    Events

    Specifies events that trigger actions and conditions. You can customize the control’s behavior by configuring events. See Add Dynamic Behavior to Forms.

  3. On the Styling tab, edit the control’s styling properties.
  4. Click Preview to try out using the control.