Number input

Mathematical Operations: Numeric fields can be used to perform mathematical operations such as addition, subtraction, multiplication, and division.

Data Range: Numeric fields can be used to set a range of valid values by using min, max, and step attributes.

Dynamic Content: Numeric component can be used to display dynamic data based on the form fields.

Name - You can identify a form component easily with its unique name both in the form and in the rule editor, but the name must not contain spaces or special characters.

Title - With its Title, you can easily identify a component in a form and by default, the title appears on top of the component. If you do not add a title, the name of the component is displayed instead of the title text.

Hide Title - Select the option to hide the component’s Title.

Placeholder Text - Placeholder text in a form component refers to a short label or prompt that appears within an input field as a hint to the user on what type of information is expected to be entered in that field. Placeholder text disappears when the user starts typing into the field and reappears if the field is left empty. It provides a visual cue to the user, but does not act as a permanent label or value for the field.

Bind Reference - A bind reference is a reference to a data element that is stored in an external data source and used in a form. The bind reference allows you to dynamically bind data to form fields, so that the form can display the most up-to-date data from the data source. For example, a bind reference can be used to display a customer’s name and address in a form, based on the customer’s ID entered into the form. The bind reference can also be used to update the data source with data entered into the form. In this way, AEM Forms enable you to create forms that interact with external data sources, providing a seamless user experience for collecting and managing data.

Mark as Unbound Form Element: Select the option to configure a form field not linked to any schema. This option allows you to save data without updating the data source. It also enables you to handle data in a custom way, separate from standard database integration.

Hide Component - Select the option to hide the component from the form. The component remains accessible for other purposes, such as using it for calculations in the Rule Editor. This is useful when you need to store information that doesn’t need to be seen or directly changed by the user.

Disable Component - Select the option to disable the component. The disabled component is not active or editable by the end user. The user can see the value of the field but cannot modify it. The component remains accessible for other purposes, such as using it for calculations in the Rule Editor.

Read-only - Select the option to make the component non-editable The user can see the value of the field but cannot modify it. The component remains accessible for other purposes, such as using it for calculations in the Rule Editor.

Number Type - This option allows you to select the type of numeric values ​​allowed in the form field. You can select either Decimal or Integer types from the drop-down menu.

Default Value - This option allows you to add a default value in a form field. If Disabled Component or Read-Only Component is selected, the default value is displayed on the screen. If no value is entered by user in the form field, this value is submitted at the time of form submission

Required - Select this option, if you want to display the component in an Adaptive Form. After selecting the option, you must enter a value before proceeding with a form submission. You cannot select the Hide Component or Disable Component in the Basic tab when this option is selected.

Error Message - This option allows you to enter a message that is displayed if the Required checkbox is checked and the field is left blank.

Script Validation Message - This option allows you to enter a message to be displayed if the script validation fails.

Lowest number / Smallest number - Use this option to select the minimum allowed number to be entered in the form field. If the value smaller than the number specified in Lowest number / Smallest number option is entered in the form field, the error message appears.

Minimum error message - This option allows you to enter an error message that is displayed when the user enters a value less than the value specified in the Minimum Number/Minimum Number option.

Exclude Minimum Value - Select this checkbox if you do not want the minimum value specified in the Lowest number / Smallest number option to be included in the range of values ​to enter in the form field.

Highest number / Largest number - Use this option to select the maximum allowed number to be entered in the form field. If the number greater than the number specified in Highest number / Largest number option is entered in the form field, the error message appears.

Maximum error message - This option allows you to enter an error message that is displayed when the user enters a value greater than the value specified in the Highest number / Largest number option.

Exclude Maximum Value - Select this checkbox if you do not want the maximum value specified in the Highest number / Largest number option to be included in the range of values to enter in the form field.

Short description - A short description is a brief text explanation that provides additional information or clarification about the purpose of a specific form field. It helps the user understand what type of data should be entered into the field and can provide guidelines or examples to help ensure that the information entered is valid and meets the desired criteria. By default, short descriptions remain hidden. Enable the Always show short description option to display it below the component.

Always show short description - Enable the option to display the Short description below the component.

Help text - Help text refers to additional information or guidance that is provided to the user to assist them in filling out a form field correctly. It appears when the user clicks the help icon (i) placed next to the component. Help text provides more detailed information than a form field’s label or placeholder text, and is designed to help the user understand the requirements or constraints of the field. It can also offer suggestions or examples to make filling out the form easier and more accurate.

Display format - This option allows you to select option from different integer-numeric types formats for display. When user selects any option from the Type drop-down menu, the Format option becomes visible in the panel. You can choose a specific format in which numbers are displayed to the user.

Number of digits before the decimal separator (1234.000) - Use this option to specify the number of digits to display before the decimal point.

Number of digits after the decimal separator (1234.000) - Use this option to specify the number of digits to display after the decimal point.

Default CSS Classes: You can provide a default CSS class for the Adaptive Forms Number Input Core Component.

Allowed Styles: You can define styles by providing a name and the CSS class that represents the style. For example, you can create a style named “bold text” and provide the CSS class “font-weight: bold”. You can use or apply these styles to an Adaptive Form in Adaptive Forms editor. To apply a style, in Adaptive Forms editor, select the component you want to apply the style to, navigate to the properties dialog, and select the desired style from the Styles drop-down list. If you need to update or modify the styles, simply return to the Design Dialog, update the styles in the styles tab, and save the changes.

Group Name: You can provide a name to identify the custom property group. You can add, delete, or rearrange multiple custom property groups. After adding the custom property group, you can see the following options:

• Key-Value Pairs: You can add multiple custom property names and custom property values by clicking the Add button for each custom property group.

• Delete: Tap or click to delete the custom property name and custom property value.

• Rearrange: Tap or click and drag to rearrange the order of the custom property name and custom property value.