Axure Q&A: How to create dynamic indicators?

Source: https://axureboutique.com/blogs/axure-tutorials/axure-q-a-how-to-create-dynamic-indicators

More: https://axureboutique.com/

At Axure Forum, a user wants to create a dynamic indicator that appears on each page. But he didn't know how to effectively and intelligently implement it, so he sought help.

This indicator has three states in total. Use the previous icons to indicate different states.

We can easily achieve this requirement through repeaters. Below, you can see how I implemented it.

Firstly, create a dynamic panel with three states. Place an icon for each state to represent different states.

Then place a Label on the right.

The repeater has two columns, one for label data and the other for indicator state name data. Delete unnecessary columns.

Add an Item Loaded interaction to the repeater, add 3 Cases and Conditions, and set their conditions to the text of the Step column. Then change the dynamic panel state to the corresponding state.

Then set different indicator states for each page.