PowerApps Positioning Based on Gallery

[farhandsome]

Hi all,

I have a design question as far as PowerApps goes. Please reference the below image: 

It's maybe not clear just from the picture, but the "S030" and "S035" items with their respective progress bars in the background are actually part of a gallery. Further more, the object in the front is a group containing a label, gallery, etc. The foreground gallery is set to visible once a user selects one of the background gallery "information" icons. Depending on which icon in the background gallery they select is what will filter the foreground gallery. I would like to position this pop-up gallery based on which background gallery icon the user selects. For example, if the user selects the information icon from the gallery item denoted "S030", I would like for this pop-up to position itself right underneath the gallery item like so:

Is there a way to get the specific position of a gallery icon respective to it's parent item?

Thanks,

Farhan

[PowerAddict]

Yes, make the position of the gallery dependent on what is selected.

Say for example if the left icon is selected, and that the OnSelect of that icon sets a variable to say left,
Set(galPosition, "left")

For the other icon, it will be:
Set(galPosition, "right")

Then change the X position of the gallery to:
If(galPosition = "left", 0, 300)

I assumed 0 and 300 are the values of X position where you want the gallery to be placed. If not, change these to te values you want.

Let me know if this helps.

---
If you like this reply, please give kudos. And if this solves your problem, please accept this reply as the solution.

Thanks!
Hardit Bhatia
The Power Addict
https://thepoweraddict.com

[farhandsome]

@PowerAddict,

Thanks for the quick response! The only issue I see is that these are actually not separate icons - they are the same icon within different items of a gallery. Is it possible to set a variable based on which item is selected?

[PowerAddict · Accepted solution]

Yes. Let's say S030 and S035 are Title properties within the gallery. In other words, the values for ThisItem.Title is what equals to S030 and S035.

Then for the icon, you can set its OnSelect as
If(ThisItem.Title = "S030", Set(galPosition, "left", Set(galPosition, "right"))

Now when you click on the icon, it should do what you want it to do.

Let me know if this helps.

---
If you like this reply, please give kudos. And if this solves your problem, please accept this reply as the solution.

Thanks!
Hardit Bhatia
The Power Addict
https://thepoweraddict.com

[PowerAddict]

Glad I could help! Good luck with the rest of your app! Feel free to reach out in case of any questions!

Thanks,
Hardit Bhatia
The Power Addict
https://thepoweraddict.com