web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / adding forward backwar...
Power Apps
Unanswered

adding forward backward image navigation

(0) ShareShare
ReportReport
Posted on by 118

Hi,

 

Appreciate a quick help on setting up the forward/backward button on the popup images from the Gallery so that users can keep on navigating the zoomed images by click the forward/back button instead of clicking each and every images in the gallery to view them in zoom mode

navigation popup image.png
Categories:
I have the same question (0)
  • KrishnaV Profile Picture
    5,023 on at

    Hi @shoebwk ,

     

    May I know more about requirements because this you can achieve with Gallery webpart in SPO.


    I hope this resolved your issue if you see any challenge/need further help please let me know I am always happy to do it for my community.

    Regards,
    Krishna
    If this post helps you give a 👍 and if it solved your issue consider Accept it as the solution to help the other members find it more.

  • shoebwk Profile Picture
    118 on at

    Hi Krishna,

     

    I have a gallery with multiple images, clicking any of the images bring up a zoom version (Thumbnail.large). then to zoom another image i have to close the zoom window, click the image in the gallery and second images popsup. Just to make the navigation of this images smoother for users, I want to give user option to click on the forward/backward button in the zoom window to browse all the images from gallery.

    I hope i was clear in my requirements.

    please check this website to understand what I want to achieve

    https://www.audi-mediacenter.com/en/audi-a4-24

     

  • KrishnaV Profile Picture
    5,023 on at

    Hi @shoebwk ,

     

    See this below article that should help you:
    https://microsoft-bitools.blogspot.com/2020/03/power-apps-get-next-item-from-gallery.html

     
     

    PowerAppsNext05.gif
    I hope this resolved your issue if you see any challenge/need further help please let me know I am always happy to do it for my community.

    Regards,
    Krishna
    If this post helps you give a 👍 and if it solved your issue consider Accept it as the solution to help the other members find it more.

     

  • SaiKrishnaGudluru Profile Picture
    499 on at

    @shoebwk probably you can try Horizontal Gallery with Images instead of Vertical Navigation 

  • KrishnaV Profile Picture
    5,023 on at

    Hi @shoebwk ,

     

    You can do this:

    Add the images into your media if you want them as part of the App. Browse and add each one and note its name.

    Create an Image control.

    Add navigation arrows and/or navigation bubbles.

    Use the actions of the navigation controls to "rotate" (choose the next or previous) the image in the control.

    You could set an easy collection with the images and then keep a pointer to current.

     

    Here is what I have done:

     

    Someplace...OnVisible or other place:

      Collect(imgList,
                 {img:imgName1, order:1},
                 {img:imgName2, order:2},

                 {img:imgName3, order:3});
      UpdateContext{currentImg:1})

     

     

    In your image control Image property:

      Lookup(imgList, order=currentImg).Img

     

    In your right arrow navigation:

      UpdateContext({currentImg:If(currentImg=Max(imgList, order), 1, currentImg+1)})

     

    In your left arror navigation:

      UpdateContext({currentImg:If(currentImg=1, Max(imgs, order), currentImg-1)})

    See the below original thread which shows this code:
    https://powerusers.microsoft.com/t5/Building-Power-Apps/How-to-add-an-image-carousel/td-p/236172


    I hope this resolved your issue if you see any challenge/need further help please let me know I am always happy to do it for my community.

    Regards,
    Krishna
    If this post helps you give a 👍 and if it solved your issue consider Accept it as the solution to help the other members find it more.

  • KrishnaV Profile Picture
    5,023 on at

    Hi @shoebwk,

     

    I just want to follow up with you on this issue to see is it resolved or still you see any challenges.

    If you see any challenge/need further help let me know I am always happy to help.

    Regards,
    Krishna
    If this post helps give a 👍 and if it solved your issue consider Accept it as the solution to help the other members find it more

  • shoebwk Profile Picture
    118 on at

    those commands looks to complex to setup unless there is a step by step screenshot..

  • KrishnaV Profile Picture
    5,023 on at

    Hi @shoebwk ,

     

    I would suggest you to try and let me know if you see any issues.

     

    I hope this resolved your issue if you see any challenge/need further help please let me know I am always happy to do it for my community.

    Regards,
    Krishna
    If this post helps you give a 👍 and if it solved your issue consider Accept it as the solution to help the other members find it more.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Launch!

Jump in, show your community spirit, and win prizes!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Valantis Profile Picture

Valantis 477

#2
WarrenBelz Profile Picture

WarrenBelz 341 Most Valuable Professional

#3
11manish Profile Picture

11manish 317

Last 30 days Overall leaderboard