Number Input
Check out the function of the Number Input element.
It is the element in which numerical values such as phone number or the number of a product are displayed for entry and editing.
Adding Number Input
You can add the Number Input element from the Elements panel by dragging and dropping it to the screen. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a Column you just add a Number Input element.
Number Input supports both web and mobile applications.
1. Properties
You can customize the Number Input element by editing its properties. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.
Value
You can add a static value to the Value field, or you can dynamically bring a state, Input element content or a value of an action result via Symbol Picker.
Decimal Separator
You can select the character used as the separator in the decimal type numeric values as a period (.) or a comma (,).
Decimal Scale
You can specify the number of decimal digits for value entries of decimal type.
Placeholder
A placeholder value that will be displayed until a value is entered in its content. You can add a static value to the Placeholder field, or you can dynamically bring a state, Input element content or a value of an action result via Symbol Picker.
Fixed Decimal Scale
You can make the Decimal view show up as required.
Allow Negative
You can also enable negative values to be entered and displayed.
Format
You can specify the format of the entered numeric value.
Mask
Input and display of the entered value in accordance with a certain mask (such as 0212 123 45 67) can be provided.
Thousand Separator
You can use thousands separator in numeric value entries.
Max
You can specify the maximum value that can be entered.
Min
You can specify the minimum value that can be entered.
Authorization
You can use the authorization options for the Number Input element.
Visibility
You can manage the visibility of the element. It is always visible or hidden, or you can make it appear or hide depending on a condition.
Actions
You can add the actions that you can add to the Number Input element with Add Actions.
2. Styling
You can make additional edits to the Number Input element by adding a layout, fill, border, or shadow.
You can make visual adjustments such as environmental interior spaces and sizing. Depending on the Number Input size, you can align the elements in it.
You can adjust the Color and size of the Number Input text and icon with the Text section.
You can add color or image to Number Input body.
You can add lines to the outer edges of the Number Input, and give corner bevels.
You can add shadow effect to Number Input element.
Last updated
