Heading image
Heading icon Help

Number component

There are various options that can help refine how your numerical data is formatted. Below is a selection of formatting options available to you when creating your forms.

If you require the responder to enter a number into any question, it is best to use Number instead of the Edit component. When using the Number component we display the numerical keyboard in the app and are able to display charts from this field in the form responses within your web account.

When you click on the dropdown chevron to open up the component you can add a title by clicking on Number. As an example you could use titles such as Length for the first Number Component. The next Number component below could be titled Height, the next Width.

Below the title field you will see three options. These are:

  • Input
  • Slider
  • Slider range

Underneath these options the administrator can insert a Minimum/Maximum number range. 

There are further checkboxes within the component for Custom DB, Allow decimal, Add logic. There is also a checkbox for a Placeholder where you can provide a text prompt. You can check the Required box meaning the responder must input data before moving on. Add logic is explained further down the page.

This is how The Number component options look in the app.

Input -  When the administrator selects Input for the form a number key keypad will appear for your responder in the app if they click directly into the box. They can insert the number directly into the box or, alternatively they can insert the number using the - and + symbols.

Slider - Allows you to set a numerical range. (eg. a range of numbers from 1 to 10). When you tap the screen between the - and + symbols a cursor will appear allowing you to input a number manually.  


Slider range - Allows for a numerical scale which will allow your responder to drag a button to the required numeric range.

Slider range

Allow decimal - Selecting this option will define numbers in decimal format. When you have checked the box to Allow Decimal, another field will appear that allows you to input the number of decimal places.

Allow decimal

Min and Max - You can specify the minimum and maximum number from within which your responder can select a number. It is a required field for the Slider and Slider range types. 


Number logic #

If you want to display feedback text depending on the value you have entered, you can do this by adding Number logic to your number component.

You can simply specify the breakpoint number and enter the feedback text that should display when the result is either inside or outside parameters you have set.
Based on the set breakpoint, it is also possible to display a different image or alternative followup questions similar to using skip logic.

Start by clicking Add logic in the form builder within your number component. Then click Add logic step, enter your value and confirm by pressing the Add button. Then based on your requirements, you can define the text to appear, colour of the text, assign an image or apply skip logic.

For example, let’s imagine you are performing safety checks on your company vehicles and your intention is to gauge the tyre tread depth as to whether it has exceeded the minimum safety limit for safe driving.