Stepper - Visual tracker of delivery or current project status with steps and icons

Stepper
Visual tracker of delivery or current project status with steps and icons.

Useful to implement for the current state of a project, task or process.


Arrangement

Sets the Arrangement where the bar will be displayed.


Initialize

Initialize steps with icons or numbers.

  • A list of icons from Assets.
  • Numbers are added by index in the list; you don't need to set the numbers; just set useNumbers = true and a list.

ChangeNumberColorByIndex

Dynamically changes the color of a number by index.

Hexadecimal colors and AI2 colors.


ChangeNumberByIndex

Dynamically changes the text of a number by index.


ChangeNumberColor

Change the color of the numbers.


UpdateStep

Visually updates the current step.

blocks - 2025-04-13T025851.031


BackgroundColor

Change the background color.

Transparent by default if this function is not used.


CornerRadius

Changes the corner radius of the background.

blocks - 2025-04-13T025702.668

50 by default if this function is not used.


ProgressColor

Change the progress color.

blocks - 2025-04-13T025700.092


StepColor

Changes the color of the uncompleted step.

blocks - 2025-04-13T025854.075


CircleSize

Change the size of the step circles.

blocks - 2025-04-13T025657.790


IconSize

Changes the size of the icons inside the circles.

blocks - 2025-04-13T025655.611


IconVisibilityAtStep

Hides or shows the icon at the specified step.


CurrentStep

Get the current marked position.

component_set_get (12)


v1.0 April 13, 2025.

Stepper.aia (20.5 KB)

joejsanz.joedevstepper.aix (11.7 KB)


JDK: 11
Minimum API Level: 21
Updated On: 2025-04-13T07:00:00Z

Built using: FAST-CLI v2.8.4


Thanks.

8 Likes

Nice.

This is called as Stepper which indicates the steps in a task. You might need to change extension name.

2 Likes

That's right, you're absolutely right. Thank you very much for the comment.

I've changed the name of the extension.

2 Likes