Percent
Check out the function of the Percent element!
It is the element of type Input where the percentage value is entered or edited.
Adding Percent
You can add the Percent 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 the Percent element.
Percent, supports web applications. It does not support mobile applications.
1. Properties
For the Percent element, you can use the spin rate or properties such as placeholder text. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.
Step
You can specify how many increments the entered value will make.
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.
Placeholder
When used on form screens, you can add a placeholder text in case the end user has not entered a value yet.
Symbol Position
You can position the percentage symbol to the right and left of the entered numeric value.
Decimal Scale
You can specify how many digits the decimal value will be. For example: 64.22% or 27.2345%.
Authorization
You can use the authorization options for the Percent 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.
You can add actions that you can add to the Percent element with Add Actions.
Validation
You can add a validation rule to the Percent element.
2. Styling
You can make additional edits to the Percent element by adding a layout, text, fill, border or shadow
You can make visual adjustments such as environmental interior spaces and sizing. Depending on the percent size, you can align the elements in it.
You can adjust the color and size of the Percent text and icon with the Text section.
You can add color or image to the Percent body.
You can add lines to the outer edges of the Percent, give corner bevels.
You can add a shadow effect to the Percent element.
Last updated
