web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Apps Progress Bar based on ...

Power Apps

Unanswered

Progress Bar based on toggle list

(0) Share

Report

Report

Posted on by mtere

42

Hello Everyone!

I have a toggle list from Sharepoint and I want to create a progress bar on Power App based on how many toggles have been picked up.

The lists and the progress bar are on different screen on the application.

Do you have any suggestion?

Categories:

Building Power Apps

I have the same question (0)

All responses Img

All responses (2)

Answers Img

Answers (0)

Sort by

realwillwright 772 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @mtere, referencing controls is not recommended as it slows performance of the app. So setting a global variable, for each of the toggles on either onchange or the toggle on/off function, to 1 (true) or 0 (false) dependant on selection.

Add a label. The label should have the X, Y, width and Height set.
For the progress bar, add a rectangle X, Y and Height should match the label. The maximum width should be 'Label.Width', divide that by the number of toggles E.G. '(Label.Width/4)/6'. Finally sum the variables that are 1 and multiply it by that number.

Its a bit clunky but should work. It will be easier once the modern controls are out of preview as there is a progress bar as default.
If you don't like the suggestion above there is the Creator Kit as well which has a progress bar too. Creator Kit - overview (preview) - Power Platform | Microsoft Learn

Was this reply helpful? Yes No
realwillwright 772 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!
Sorry just saw you said SharePoint list, using a similar method above with the rectangle and label, you would need to count all items in the gallery and divide the required width by that and multiply by the selected amount to get the width of the rectabgle. Assuming the SharePoint list is associated to a Gallery
Label.Width / Gallery1.AllItemsCount
following this you need to work out which items have been selected to do this you would use a collection and the OnUncheck/OnCheck functions

OnCheck you would add
Collect(colSelectedToggles, ThisItem)

OnUncheck use
Remove(colSelectedToggles, ThisItem)

Finally add all the bits together and the width of the rectangle is
(Label.Width)/Gallery1.AllItemsCount) * CountRows(colSelectedToggles)

Was this reply helpful? Yes No

Join the conversation