Counter

Setting Up Your Counter

Step 1: Add the Counter

This is where you bring the Counter into your Flow and give it an identity. Naming it and labeling it sets the stage—making it easy to track in your Flow and clear for users to understand what they’re adjusting

• API Name: Give it a unique identifier, like Counter1, to reference it in your flow.

• Label: Add a descriptive label, such as “Quantity” or “Score,” to show users what the counter controls.

Step 2: Configure the Basics

These settings define the Counter’s starting point and how users can interact with it. It’s like setting the rules of the game—where it begins and how it’s played—so it matches your use case from the moment it loads

• Value: Set the starting number (default is 0). Example: Start at 5 for a pre-filled quantity field.

• Mode: Choose how users interact with it:

  • Input: Allows typing and button adjustments (default).

  • (Assumed Option) Buttons Only: Limits to increment/decrement buttons (if available).

• Type: Stick with Number for numeric values (default).

Step 3: Customize Behavior

This step shapes how the Counter moves and limits what users can do with it. It’s like setting guardrails and speed controls—making sure the number changes in a way that’s useful and stays within bounds for your scenario

• Step: Define how much the value changes per click (default is 1). Example: Set to 0.5 for half-step increments.

• Fraction Digits: Control decimal places (e.g., 2 for values like 10.25). Leave blank for whole numbers.

• Min: Set the lowest allowed value (e.g., 0 to prevent negatives).

• Max: Set the highest allowed value (e.g., 100 to cap the count).

• Required: Toggle this on if users must enter a value before proceeding.

Step 4: Add Help and Style

This final touch makes the Counter clearer to use and better-looking in your Flow. Adding help guides users, while styling fits it into your design—polishing it from functional to professional.

• Field Level Help: Add a tooltip or hint (e.g., “Enter a number between 0 and 100”).

• Variant: Pick a visual style:

  • Standard: Clean and simple (default).

  • (Assumed Option) Compact: Smaller footprint for tight layouts (if available).