02-23-2020 12:52 PM - last edited 03-18-2022 07:11 AM
With this component, create a metro stations-like progress bar to use in your applications.
The component is fully customizable:
As an output you will get:
All detail are available right here: https://github.com/e-gallis/PowerApps/blob/master/Components/MetroVerticalProgressBar/readme.md
thanks for this. Do you by any chance have a video on how to use this? I've looked at your link on the details behind it but I can't figure out how to actually use it based on what my users are doing in the app?
Just add the component to your screen (let's say you name it myMetroBar) and then:
If you set AllowStepSelection to true:
Hope this helps...
Thanks for that @R3dKap but the bit I'm struggling with it, is marking the step as complete once the action is done? How do I do that? Say for example step 1 is to update a field on a form, do I put an action on the submit or on success of the form to tell the component this is now done? In terms of allowing them to select steps I'm going to leave that as false as I just want it to be a progress visibility at the moment.
In fact, you don't mark a step as completed. You just tell the component which is the ActiveStep and steps prior to that one will be automatically considered as completed. This is because it is a PROGRESS bar so the component assumes that you go through the steps in order, not randomly.
So, for instance, if you have 6 steps and set ActiveStep to 3, then steps 1, 2 AND 3 will appear as completed.
See what I mean?
So if you want your progress bar to show that step 1 is done because you updated a field on a form, just set a variable gloCurrentStep to 2 and set your progress bar's ActiveStep to gloCurrentStep.
Setting gloCurrentStep to 2 should be done whenever you consider step 1 is over. Like you said, that could be:
Does that help you in any way?