Power Apps Example - Dynamic Photo Galleries

Let's talk about how to display images from SharePoint in your Power Apps using Dynamic galleries. We also get into design, sizing, dynamic Y properties, pop ups, background images, and so much more. Don't think about this video as looking at my vacation photos, think of it as learning a bunch of little tricks in one video. 😎 In this video, you'll learn:

Scrolling and Image Display:
How to scroll through a gallery of images.
Enlarging images and setting them as backgrounds with a click.

Dynamic Elements:
Moving elements up and down dynamically.
Changing icon colors for better visibility.
Randomly changing background images with a shuffle function.

Slider and Gallery Resizing:
Using a slider to move the gallery and resize it on the fly.
Adjusting gallery layout from horizontal to vertical.

Full-Screen Gallery Experience:
Transforming the entire screen into a gallery.
Loading images dynamically from a SharePoint document library.

Technical Insights:
Customizing gallery properties and handling image paths.
Implementing variables and functions to manage dynamic content.
Using advanced sliders and mathematical formulas for precise control.
Practical tips for duplicating screens and using ChatGPT for complex formulas.

Up your Power Apps Skills Today!

0:00 Photo Gallery
0:33 Power Apps Example walkthrough
2:51 Horizontal Gallery
3:18 Dynamic Y coordinate
4:25 Making the background image change
5:09 Dynamic Colors based on Switch variable
5:58 Pop Up image
7:42 Removing the scroll bars
8:13 Hidden navigation button
8:50 Duplication advice
10:01 Resize the gallery with a slider
12:05 Different Image Position settings
13:05 Slider for setting Y
15:42 Getting some help from ChatGPT
16:14 Making the screen the gallery

Do you need some help with something that you are working on, contact us!

Let's connect on social!

Join this channel to get access to perks:

#powerapps #PowerPlatform #CanvasApps #powerappstutorial

[dougydoe]

Thanks Shane for this fun video. I hope to "steal" some these ideas when I need them at some point in the future. Hope you had a good holiday. 😁😁

[wfiles]

Great video Shane. Thank you. What did you name your columns and what were your column types in your SharePoint list. I am trying to recreate and learn from your video?

[buddyhof]

Great video! Do you have any videos about how to pull saved data from a SharePoint list and display in when a person clicks on a deep link that takes them to a specific page in my power app?

[ivanherrera]

You should try to make drag able icons

[itXpert]

Nice video! Thanks for the information, but I also have an app with similar features, a document library where I store my images, but I can only display thumbnails (small, medium and large) if I try to use “link to item” or “full path” no image is loaded/shown. Do you have any settings done to the app, so it loads the image?
As a workaround I created a list in SharePoint and added the image as an Attachment so this way I can load the attachment no problem, but I am wasting lots of space doing this.

[ABDULAJEEJ]

Hi shane,
What are the limitations of image size in pwer apps

[Ichliebenich]

Hi Shane, what about comparison between records in a gallery?
Example: in a gallery I have a record with a number (10) and another record with 11.
How can I write an IF function where if a number is greater than previous (record) has a green background?
Thanks if you can help

[crazymaster]

Who to create a roadmap for a project from jan to dec on a single screen using powerapps

[dominicgraytechnology]

media are not loading reliably for me especially for folk who have never accessed / cached the media before. I have confirmed they have access

[PowerFx]

I would just disable the arrow once the gallery reaches the top