Number Input

1. Log in to the Kuika platform.
2. Open the project you will work on from the Apps screen.
3. Go to the UI Design module.

4. Select the Numeric Input category from the Elements panel on the left side.
5. Drag and drop the Number Input element to the workspace.

• If you drag it to an empty space, the Number Input element will be added together with a Row element.
• If you drag it intoColumn, only the Number Input element will be added.

You can configure the following settings from the Properties panel:

• Value: The number to be displayed by default in the numeric input field. It can be a static or dynamic value.
• Decimal Separator: The character used to separate the decimal part (e.g. period “.” or comma “,”).
• Decimal Scale: Determines the number of digits to be displayed in the decimal part of the number (e.g. when 2 is set, the format 0.00 is used).
• Placeholder: Placeholder text displayed when the field is empty.
• Fixed Decimal Scale: Ensures that the decimal part of the number is always displayed to a specific digit.
• Allow Negative: Allows users to enter negative numbers.
• Allow Empty Formatting: Allows users to leave the field blank.
• Format: Specifies the format in which the number will be displayed (e.g. currency or percentage).
• Mask: Used to provide data entry in a specific format (e.g. “XXX-XXX-XXXX” phone number format).
• Thousand Separator: Character used to separate thousands of digits (e.g. 1,000 or 1,000).
• Max: The maximum number the user can enter.
• Min: The lowest number the user can enter.

By following this guide, you can use the Number Input element effectively in your application.