Numeric with buttons

Use numeric input fields with buttons within the Custom UI widget

Input combo type number.buttons

Displays an input field that accepts only numbers. It also includes a pair of buttons to increment or decrement the current value in the field. The decimal mark is a dot (.).

Usage example

<form>
    <inputcombo
        type="number.buttons"
        id="variable_value_button"
        label="Variable value button using"
        description="Set the value that you want to send using buttons"
        placeholder="Enter the value that you want to send"
        min="-100"
        max="100"
        step = "2"
        value = "48"
    />
</form>

Properties

These properties are shared by input combo type number and input combo type number.buttons:

• id: Unique identifier for accessing this field's data

• label: Header text

• description: Short descriptive text

• placeholder: Placeholder value

• shape: Used to align the label and the input field. Allowed values:

  • compactVertical

  • wideVertical

  • wideHorizontal

• min: Minimum number accepted

• max: Maximum number accepted

• step: Step when increasing or decreasing the number using the buttons.

• value: Sets a default value. Although this is a number field, the property value must be set as a string (value="48")