Numeric
  • 21 May 2024
  • 6 Minutes to read
  • PDF

Numeric

  • PDF

Article summary

Numeric control allows users to enter a numeric value in a form. It's essentially a control that accepts integer or decimal values. It can be configured to set minimum and maximum values. Additionally, defining character limits, entry validation, and whether or not to flag fields as mandatory is possible. 

A glance at the Numeric control!
Figure: Numeric as seen by Application Designer

Figure: Numeric as seen by End User

Let's explore the following use case.
Use Case
User Persona: Application Designer
Solution
NovaTech organization wants to create a budget allocation form that allows allocating budgets to different departments and projects. They want a numeric control to capture only integer values. And also mandate the control before submitting the form. To achieve this, Sam must drag and drop the Numeric control on the form canvas. He can configure the control to accept integer values in the form. Validations can be added to make the control mandatory. 

Configure Numeric 

On the form canvas, number control can be dragged and dropped and modified to suit the demands of the organization.

To configure Numeric control, perform the following steps:

  1. Navigate to Form Designer > Design Forms > Controls.

  2.  Expand Form Controls to locate the Numeric control. 
  3. Drag and drop Numeric control on the design canvas. Hover over the added control to access the Settings and Delete icon.
    The Numeric control page is displayed.
    Figure: Numeric Settings

  4.  Click Settings to configure the Numeric control. 

On the Settings pop-up window, the following tabs can be configured. 

Properties

Below are the 'General Properties' for the numeric control, followed by specific details about each field.
Figure: Properties

Field Description

This table contains the list of fields and their descriptions that are available under the Properties tab: 

FieldDescription
General

Title

Specify a unique name for the Numeric control. This name identifies the Numeric control in the form. 

For example: Cost, Quantity, Number of laptops, etc. 

Subtitle

Specify the text which you want to display just beneath the Title. You may use it to describe the purpose of the control or the way it should be used.

Number Type

The number type can be selected from the drop-down as Integer or Decimal. 

Render AsSelect from the drop-down to determine the behavior of the control.
Informative

Help Text

Provide a help text that gives the end users guidance on how to fill out the field correctly.
For example: "Enter the quantity"

Rich Text

Select it to enable the help text as a rich text format. It allows formatting like bold, italicized, color to the text, etc. for the help text.

Figure: Rich Text

Watermark 

Type in the watermark text that should appear in the text box field providing a hint or example of the expected input.

Tooltip

Add a tooltip that displays when the user hovers the mouse cursor over the numeric field.

Advance 

Below are the 'Advance Properties' for the numeric control, followed by specific details about each property.

Figure: Advance

Field Description

This table contains the list of fields and their descriptions that are available under the Advance tab: 

FieldDescription
General

Include as Filter

If enabled, the respective control is available as a filter option on the Form Designer list page of the application.

Include as a column in grid view

If enabled, the respective control is available in Grid view on the Form Designer list page of the application.

Is clickable?

If enabled, a pop-up window with text is displayed.

Include in Template
If enabled, the numeric field can be included in the export template for the form.

Validations

Validations ensure that the data entered into the field meets specific criteria or requirements. Application Designer can add pre-built validations to save time and effort by ensuring data accuracy and completeness without the need for custom rules. These offer a standardized data validation method across forms, reducing errors and improving data reliability.

Figure: Validations

Field Description

This table contains the list of fields and their descriptions that are available under the Validations tab:

Field Description
Tenant
  • Select All Tenants from the dropdown if the validations should be applied to all the tenants, regardless of the tenant selected in the admin or transaction form.
  • Select the desired tenant from the drop-down if the validations should be applied to the specific tenant.
The validations added for a specific tenant will always precede common validations. 

Numeric should be

Mandatory Select Mandatory from the drop-down to make the control a mandatory control. It ensures that this field must be filled out before submitting the form.
Hidden Select Hidden from the drop-down to hide the control. It ensures that this field must be hidden if it contains any personal information.
DisabledSelect Disabled from the drop-down to make the control a disabled control. It makes the control read-only and prevents any changes or inputs.
EditableSelect Editable from the drop-down to make the control editable.  
Unique
Select Unique from the dropdown to make the control a unique field for specific tenants.
Set Character LimitSelect Set Character Limit to set a minimum and maximum number of characters to be entered in the numeric control. 
Set Numeric LimitSelect Set Numeric Limit to set an upper and lower limit of numbers to be entered in the numeric control. 
Allow CharactersSelect the allowed characters from the drop-down to allow special characters and symbols in numeric control.
Below Conditions MeetSelect this option if you want the validations on the control to be triggered based on a specific condition(s).
Figure: Conditions

Configure the conditions using the following fields:

Field: Choose the field from the dropdown list to which the condition applies.

Operator: Select the appropriate operator from the dropdown list, which varies based on the selected field type.

Value: Define the value for the chosen field, determining when the condition should be triggered. 

Figure: Below Conditions Meet

  • Use  icon to add more conditions.
  • Use  icon to delete conditions.
Every Time

Select Every Time if you want to display this control always without any specific conditions.
Figure: Every time

Appearance

This tab helps you to customize the numeric control's appearance through appearance properties, enhancing user experience and reinforcing brand identity.

Figure: Appearance

Field Description

This table contains the list of fields and their descriptions that are available under the Appearance tab:

FieldDescription
Text

Font Type

Select the desired font from the drop-down menu to customize the Numeric control.

Font Color

Select a font color from the color palette to enhance the visibility and aesthetics of the Numeric control.

Font Size

Select the desired font size to your preference for better readability and presentation for the Numeric control.

Font Style 

Select either Bold, underlined, or Italic font style to emphasize specific text within the Numeric control.

Security

The Security tab ensures data security and privacy by applying restricted access or encryption to sensitive field data, providing only users with authorized roles can access or modify it.

Figure: Security

Field Description

This table contains the list of fields and their descriptions that are available under the Security tab:

FieldDescription

Restrict field access

Enable this option to ensure that designated roles possess exclusive viewing or editing privileges for the content within the numeric control, restricting access to authorized users only.

For example: In financial management, the numeric control labeled "Project Cost" is where the monetary value of a project is entered. For this field, the Application Designer sets restricted access to guarantee data security and compliance. The "Project Cost" field may be viewed and edited by the "Finance Analyst" in charge of allocating the budget; other users will not have access to change this field.

Encrypted

Enable this option to ensure sensitive information remains secure and confidential by making it unreadable without the appropriate decryption key.

For example: The sensitive project data such as "Project Cost" can be encrypted by the Application Designer to protect and comply to the organizational standards. To ensure confidentiality and data security, authorized personnel with the required permissions can access and read the decrypted "Project Cost" data. 

To know more about Form Security, refer Form Security.



Was this article helpful?

What's Next
Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.