- 21 May 2024
- 6 Minutes to read
- Print
- PDF
Numeric
- Updated on 21 May 2024
- 6 Minutes to read
- Print
- PDF
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
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:
- Navigate to Form Designer > Design Forms > Controls.
- Expand Form Controls to locate the Numeric control.
- 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 - 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:
Field | Description |
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 As | Select 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. |
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:
Field | Description |
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 |
|
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. |
Disabled | Select Disabled from the drop-down to make the control a disabled control. It makes the control read-only and prevents any changes or inputs. |
Editable | Select 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 Limit | Select Set Character Limit to set a minimum and maximum number of characters to be entered in the numeric control. |
Set Numeric Limit | Select Set Numeric Limit to set an upper and lower limit of numbers to be entered in the numeric control. |
Allow Characters | Select the allowed characters from the drop-down to allow special characters and symbols in numeric control. |
Below Conditions Meet | Select 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
|
Every Time | Select Every Time if you want to display this control always without any specific conditions. |
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:
Field | Description |
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:
Field | Description |
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.