Percentage Field

   MaestroThe UI design product.  |   Form Builder |  All versions This feature is related to all versions.

Maestro comes with the Percentage Field component (widget), which you can use in several scenarios.

Note

This component inherits properties and shared styles from the Decimal Field component.

Usage

  1. Open the Palette pane in the Maestro Editor.
  2. Locate the Percentage Field component within the Input Fields folder.
  3. Drag the component into the View pane or the Wireframe.
  4. Configure the component's properties via the Properties pane.

Properties

The following properties are available to the Percentage Field component:

Max Leading Digits
Integer
maxLength

Decimal Places
Integer
places

Number of decimal places to display

Accessibility

Placeholder Text
Text
placeholder

Help Text

Popover Help Text
Help Text
helpText

Options

Decimal Places
Integer
places

Number of decimal places to display

Prevent Negative
Boolean
preventNegative

Decimal Point
Text
decimalPointChar

Thousands Separator
Text
thousandsSeparator

Prevent Copy/Paste
Boolean
preventCopyPaste

Enabling this property will prevent copy and paste

Next, learn about the Data-Driven Dropdown component.