Number

PREREQUISITES: This form widget is available with Sitefinity CMS 15.4.8622 or newer.

Use this widget to give the user the opportunity to enter numbers.After you have added the Number form widget in your form and opened its settings, the Number window appears, displaying the following sections:

In this section, perform the following:

1. In the Label input field, enter the label of the textbox.
   For example, Min size or Max size.
   
2. If needed, in Instructional text, enter instructions or explanatory text for the number.
   The text is displayed bellow the number field.
   
3. Optionally, in Placeholder text, you can enter some text to facilitate the user in filling out the field.
   For example, if the field is a maximum value, you can enter Max value is 100. This text is only a guidance for the user and is not submitted with the form response, if the user does not change it.
   
4. Optionally, in Predefined value, you can enter a predefined value for the number box that is displayed in the box by default and the user can change it.
   If the user does not change the predefined value, it is submitted with the form response.
   
5. If you want to make the number field mandatory, select the Required field checkbox
   A textbox appears, where you enter the error message that is displayed, if the user does not fill out the number field.
   
6. If you want this field to be visible in the form only when certain conditions are met, select Hide field initially checkbox.
   You can then use form ruled to display the field. For more information, see Form rules.
   

In this section perform the following:

1. Select whether you want to allow decimals
2. Select a min and max value allowed for the number.
3. Enter an error message that is displayed, if the user enters less than or more than the defined limits.

1. In Template dropdown, you can select a template other than the default one that will be used to display the Textbox on the website.
   You must first have created a custom template.
   For more information, see Next.js pages and templates.
2. Select the size for the field from the predefined values.

To open the advanced settings, in the upper-right corner of the Number widget page, click   (Advanced settings).

Apply custom CSS

In CSS class input field, you can choose a class name for the number, if later you want to set a CSS style for this particular widget.

Developer name

You can change the automatically generated name for developers of this number field by and entering the new name in the input field that appears.
This is the name of the field that is used by developers to refer to this number in the code.

Save your changes.