Increase one photo at a time

(0) Share

Report

Posted on by Shaguar357

221

Would anyone know how to enable the image to expand by clicking on each photo on this app?

I followed the instructions in a former post: (1) Solved: How do I make the image increase when I click on i... - Power Platform Community (microsoft.com) , however, that only took me so far. I implemented what was found at this post, but this doesn't increase one image at a time (as you can see below). I want to only increase one image at a time.

Thank you in advance!

Categories:

Building Power Apps

All responses (3)

Answers (1)

Sort by

Verified answer

TheRobRush 11,128 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!
personally what I would do, is just put an image control outside the gallery, on top of everythign, with a width set to app.width and a height set to app.height visibility set to expandedView and an image set to expandedItem.Image (replace .Image with whichever column name your image is in) then when clicking images in the gallery set the onselect to

UpdateContext({expandedView:true, expandedItem:ThisItem})

can then make the onselect of the blown up image

UpdateContext({expandedView:false, expandedItem:Blank()})

this will let you open images full screen, then close them again by tapping on them
Shaguar357 221 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @TheRobRush ,

I hit "Accept Solution" to soon. I appreciate you taking the time to reply. Would you be able to break this down a bit more? I'm fairly new to building apps. I have two galleries. I'm stuck at: "visibility set to expanded view" Did you mean "Visible"?
TheRobRush 11,128 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
So in my recommended method you would have a gallery, then an image outside of the gallery and above it like in the picture below

Each image in my gallery has an OnSelect of this

UpdateContext({expandedView:true, expandedItem:ThisItem});

The Image OUTSIDE AND ABOVE the gallery has a Img property of

expandedItem.ImgVal

and an onselect of

UpdateContext({expandedView:false, expandedItem:Blank()});

this lets you open 1 image at a time, and make it look as large as you like, then close the expanded view again by clicking the image

as an example, clicking the image of option 2 below

gives me this

then clicking this again will drop me back to the previous example image