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.

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.