Step Input

The Step Input widget allows users to input and adjust numerical values in defined increments. It's useful for scenarios where values need to be increased or decreased in controlled steps and within specific limits.

Common Use Cases

• Adjusting quantities (e.g., number of items to order)

• Setting ratings, scores, or numeric parameters

• Capturing numeric input like hours, percentages, or measurements

• Inputting fine-grained values with decimal precision (e.g., weights, prices)

Widget Properties When a Step Input widget is added to a page, the Panel Tab includes the following configuration options:

• Maximum Value Sets the upper limit for the numeric input.

• Minimum Value Sets the lower limit for the numeric input.

• Step Size Defines the interval or jump between each increment (e.g., 1, 0.5, 10).

• Display Value Precision Controls the number of decimal points shown (e.g., 2 for values like 3.75).

Step-by-Step Guide to Use the Image Uploader Widget

Step 1: Add the Widget

Open the Widgets Panel, navigate to the Fields & Headers section, and drag & drop the Step Input widget onto your page where numeric input is needed.

Step 2: Configure Main Settings

Click the widget to open its settings in the Panel Tab. Customize general properties like label, placeholder, alignment, and visibility based on your design.

Step 3: Set Widget Properties

In the Panel Tab, configure the following properties for numeric control:

• Maximum Value: Set the highest value a user can input.

• Minimum Value: Define the lowest acceptable input.

• Step Size: Determine the incremental jump between values (e.g., 1, 0.5).

• Display Value Precision: Specify how many decimal places should be shown.

Step 4: Preview or Finalize

Click the Run/Preview icon to test how the Step Input functions. Confirm that the limits, step size, and precision behave as expected during interaction.