User Manual

Number Input

30/6/25
Number Input

Kuika's Number Input element allows users to enter numeric values in applications. The element offers various features such as decimals, negative numbers and values within a certain range. In this guide, you will learn how to add the Number Input element and how to configure numeric data entry.

The Number Input element can be used in both web and mobile applications.

This training content consists of the following topics:

  • Adding Number Input Element
  • Number Input Element Properties
  • Element settings and customization

Add Number Input Element

  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.
  1. Select the Numeric Input category from the Elements panel on the left side.
  2. 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.

Number Input Element Properties

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.

Other Related Content

No items found.

Glossary

No items found.

Alt Başlıklar