Showing results for 
Search instead for 
Did you mean: 
New Member

Moving images location based on the visibility of other images

I'm trying to create an app to track training badges our users are earning. I currently have a total of 14 different badges and 145 trainees to account for. I want to be able a to display the badges a trainee has on their item in a gallery view. However I want the images' location to changes based on if the images of the other badges are visible.

For example:


Billy Real-Name has the power automate, excel, forms, and outlook badges. Where Testy McTesterson only has the  power automate, excel, and outlook badges. Because Testy doesn't have the forms badge but does have the outlook badge, the outlook badge moves over to be next to the next closest badge.


I have no Idea how to even start going about doing this or if it's even possible. My first Idea was a bunch of if statements but there has to be a more straightforward way to go about it.

Super User
Super User

Hi @Ash_App_Dev 


You could have the badges stored with a corresponding ID column and IDs running in sequence and then sort your gallery smallest to biggest ID along each horizontal gallery. So a user with corresponding badges for IDs 1,2,5,7 then gets badge 3, it will slot in at the right place due to your sorting by ID on the Gallery i.e. 1,2,3,5,7


Hope this helps.

Helpful resources

Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

365 EduCon 768x460.png

Microsoft 365 EduCon

Join us for two optional days of workshops and a 3-day conference, you can choose from over 130 sessions in multiple tracks and 25 workshops.

Users online (3,080)