New Progress Indicator Step Collection

Overview

The Progress Indicator Step Collection simplifies the management of steps within your Salesforce screen flows, particularly when using the Avonni Progress Indicator component. By defining a centralized collection of progress steps, you can streamline the configuration of multiple progress indicators, ensure consistency, and improve the maintainability of your flows.

Key Benefits

• Centralized Step Management: Define and manage a single source of truth for progress steps, eliminating redundant configuration across multiple components.

• Enhanced Reusability: Apply the same progress step structure to various screens or flows, saving development time and effort.

• Consistent User Experience: Maintain a uniform visual representation of progress across your application.

• Simplified Maintenance: Update steps in one location, and changes automatically propagate to all linked Avonni Progress Indicator components.

How It Works

1. Drag and Drop: In Flow Builder, locate the Progress Indicator Step Collection in the Avonni Actions section and drag it onto your canvas (outside any specific screen element).

2. Define Progress Steps: Within the Action Collection's properties, configure the details for each step:

   • Label: The text displayed to represent the step in the progress indicator.

   • Value: A unique identifier for the step (used internally for logic and tracking).

   • Content: (Optional) Additional text or information to display below the step label.

   • Icon Name: (Optional) Select an icon from the available library to enhance the step visually.

   • Sub Steps: (Optional) Create nested steps representing sub-processes or finer granularity within a main step.

   • Actions: (Optional) Define actions to trigger when a step is completed or clicked (e.g., navigate to a specific screen).

3. Link to Avonni Progress Indicator Components: In your Avonni Progress Indicator components, reference the ID of the Progress Indicator Step Collection you've created. The component will automatically populate the progress steps based on your collection.

Settings and Options

• Label: Descriptive text for the step.

• Value: Unique identifier.

• Content: Additional step information (optional).

• Icon Name: Visual representation (optional).

• Sub Steps: Hierarchical step organization.

• Actions: Triggerable actions associated with steps.

Integration with Avonni Progress Indicator

This Action Collection is designed to work seamlessly with the Avonni Progress Indicator component. Once you've defined your step collection, reference it in multiple Progress Indicator components to maintain a unified representation of progress throughout your application.

Example Use Cases

• Onboarding Flows: Guide users through steps during onboarding or setup processes.

• Multi-Stage Forms: Break down complex forms into smaller, more manageable steps.

• Application Wizards: Provide a clear visual representation of progress in multi-step wizards.

• Status Tracking: Display the progress of long-running processes or approvals.

Tips

• Clear Step Descriptions: Use concise and informative labels for each step.

• Logical Ordering: Ensure the order of steps in the collection aligns with the flow's progression.

• Visual Clarity: Leverage icons to enhance the visual appeal and intuitiveness of the progress indicator