How to build a Responsive Modern Gallery in Power Apps | Tutorial
Ғылым және технология
This video is a step-by-step tutorial on how to build a Responsive Gallery with Modern controls in Power Apps. In this tutorial, we'll explore the new 'Header and Gallery' screen template, which provides a fully responsive Gallery with modern controls. We'll customize it and add modern controls to represent our data in unique ways.
Key highlights of this video include:
➡️ Customizing Modern Screen Template
➡️ Utilizing Modern Badge Control
➡️ Utilizing Modern Header Control
➡️ Utilizing Modern Tab List Control to represent array of data
Whether you're a beginner or an advanced user, this Power Apps tutorial is designed to empower you with the knowledge needed to build Modern Gallery experiences in PowerApps.
Power App shown in video (part 1) • How to Request an Appr...
⬇️ Download App shown in video
➡️ The link is in Community Tab for Channel Members (Silver Club 🥈 or Higher)
#powerapps #microsoft #powerplatform
0:00 Introduction to Building Responsive Gallery with Modern Controls in Power Apps
0:29 Power App designed with Modern Controls
1:29 Build Modern screen with template
2:42 Customize Modern Gallery
4:46 Modern Badge Control in Power Apps Gallery
9:52 Modern Tab list Control in Power Apps Gallery
Пікірлер: 74
I really like that you show the final result at the beginning of the video, it's very efficient to learn already if the video will be relevant or not for the watcher... most often, it is.
@RezaDorrani
Ай бұрын
Glad to hear that! I have been following this pattern now for a while and happy to know its being appreciated
@cicieobst7929
Ай бұрын
I agree. It’s very helpful to show the final ‘product’ at the start. It helps viewer decide which videos to watch, but also from a learning perspective, it allows me to understand the different steps that led fo the final project better.
Absolutely awesome video as usual, I will look to leverage some of this in a new app I need to build out. Thanks Reza, you are the best.
@RezaDorrani
Ай бұрын
Awesome! Thanks so much
Another excellent video. This will certainly go into my "ideas" bank for future projects. Thanks for always coming up with creative concepts for video ideas.
@RezaDorrani
Ай бұрын
Awesome! Thank you!
@Pops_Tech_Tutorials
20 күн бұрын
I second this! I'm slowly going through every video haha
This is Beautiful Reza. You are a blessing
@RezaDorrani
Ай бұрын
Thank You
Awesome video, Reza!
@RezaDorrani
Ай бұрын
Thanks!
Reza, this is brilliant!
@RezaDorrani
Ай бұрын
Thank You!
Great
@RezaDorrani
14 күн бұрын
Thanks
Thank you Reza
@RezaDorrani
Ай бұрын
Most welcome
I think you are the best youtuber to explain this, would you be tempted to make an app for a job application system on powerapps one day?
@RezaDorrani
Ай бұрын
Thanks! I make videos when I receive multiple requests on a topic. Every 6 months I ask subscribers for topic suggestions on Community Tab of my channel. Most voted idea gets added to my backlog. Make sure to post this idea whenever I post the next topic suggestion post.
Thanks for the tutorial Reza! How about if i want the Pictures of the approvers in the tab list control? How can i do that?
@RezaDorrani
Ай бұрын
Currently, Tab list control does not support pictures.
Appreciate the content. Recently I've built a galley using modern controls, however, the on select property wasn't recognizing the controls nor the containers. I had to place a classic label control above for the on select property to function. Any hints?
@RezaDorrani
Ай бұрын
It depends on how you have layered the controls in gallery. I cannot guess without looking at your code.
Nice video and UI design...how to decide to go canvas app or model driven app? Looks like containers using css flex concept for responsive app
@RezaDorrani
Ай бұрын
learn.microsoft.com/en-us/power-apps/guidance/planning/app-type
Hi Reza! 🙂Again, a cutting-edge application and video. You almost gave us a complete solution. What would be the best way to implement an Edit button in the template container of the gallery and a Search/Filter input box in the Header? I am still relatively new to Power Apps and am interested in best practices and optimization.
@RezaDorrani
Ай бұрын
Thanks so much! I have done plenty of videos on gallery connected forms and filtering data. I would recommend checking my playlists on Gallery and Form control.
Hi Reza, great video! What do you think about the performance of the gallery in responsive apps? I tried using it, but the scrolling was very slow in a dataset with 50 items and 0 lookup. So, I decided to switch from the gallery to a detail list.
@RezaDorrani
Ай бұрын
I did not experience any performance challenges with this. I am using this in a project where there are 5000+ items. Gallery is delegable so loads data in batches of 100.
Thanks, can you please make a tutorial about how to creat serial approval in SP list and Powerapps
@RezaDorrani
Ай бұрын
Please check my playlist on approvals
@saltlake8172
Ай бұрын
@RezaDorrani thanks a lot Raza
I'm guessing that we don't get these modern screens in PA basic license (M365E3) as I can't find them in there. Of course, I can't find any MS documentation about the licensing that actually details this. Great video as always Reza.
@RezaDorrani
Ай бұрын
That is incorrect. Modern controls are included for all. You need to enable it in your power app - settings - general - modern controls
@blademansw
Ай бұрын
@@RezaDorrani Hey Reza, I have got Modern Controls and Themes enabled in the canvas app, authoring version is 3.24044.16. If I click new screen, I can select from: Blank, Scrollable, List, Form, Success, Tutorial, Email, People, Meeting, Calendar, Portrait print and Landscape print. This is why I think its license limited, none of the modern responsive screen templates are present as in your videos. I'm on Basic, AKA Power Apps Community / Power Apps for Office 365
@RezaDorrani
Ай бұрын
@@blademansw Make sure app is in tablet mode or even easier - simply try out the steps in the video. There is NO license implications
@blademansw
Ай бұрын
@@RezaDorrani FFS I am such a noob, I'm going to go back to writing C# WinForms apps 😂😂😂😂
@RezaDorrani
Ай бұрын
@@blademansw Low code is easy. Let’s not put every issue on licensing :)
Hi Sir,I have create MDA using data flow however one of the column contain url, but it just the plain text how do I enable it as URL? so when user click it will direct the link to Sharepoint to view the url picture. thanks in advance
@RezaDorrani
Ай бұрын
No clue about this. I will recommend checking or posting your query on forums in case someone has experienced something similar powerusers.microsoft.com
Hi Reza, Filter with is not delegable , can you please suggest the work around please Filter( 'List', ('Evacuation Coordinator' User().Email) )
@RezaDorrani
Ай бұрын
I am not aware of a workaround
@sheikfareedh9500
Ай бұрын
@@RezaDorrani thanks for your replay reza
Hi Reza.. Greetings to you. I am a volunteer for a social organization in India. I am developing a Power Apps based application for running their day to day activities. As part of this, I developed a functionality using pdf function and Power Automate to generate a receipt and then save it in SharePoint document library. My intent is, to expose this funcrionality as an API so that donations can be done through other channels and receipt generation and saving of receipt can happen same as it happens if done through the application interface. All I am asking is.. can I bundle the functionality built in PowerApps as an API and can I expose the API for consumption by external applications. Pls advice. Thanks a lot.
@RezaDorrani
Ай бұрын
I am not sure about the possibilities as this is not something I have tried or learned about. I recommend checking or posting your query on forums in case someone has done something similar powerusers.microsoft.com
How do we collect monthly Data for different teams ans save in sharepoint..Could you please help me out..ex: 3 teams data each we need to enter the data and save the it..
@RezaDorrani
Ай бұрын
I do not have a video reference on this scenario and would have to try it out to provide guidance. I recommend checking or posting your query on forums in case someone has done something similar powerusers.microsoft.com
@bhuvanamaddineni9552
Ай бұрын
@@RezaDorrani Thank you for the reply..Butbit would be very helpful if you could explain this scenario.I have searched many no one has created like this..
@RezaDorrani
Ай бұрын
@@bhuvanamaddineni9552 I make videos when I receive multiple requests on a topic. Every 6 months I ask subscribers for topic suggestions on Community Tab of my channel. Most voted idea gets added to my backlog. Make sure to post this idea whenever I post the next topic suggestion post.
Network error when using patch function : the column may be ready only or cannot be modified. This error is keep on coming in my power apps what may be solution please 🥺?
@RezaDorrani
Ай бұрын
No idea about it
@russrimmerman1327
Ай бұрын
Sounds like you're trying to patch a read-only column. I recommend not doing so.
Hi Reza, I asked in Microsoft community but nothing worked. In this video, Again you used that formula. In CanvasBadge you have used ThisItem.'Session type'.Value. While typing the value, You are getting it but in my case it's not working. I am probably making some mistake in the database. But I cant debug what it is, Could u please help me with this ? Again in Dataverse i have choice column just like you have Session Type.
@RezaDorrani
Ай бұрын
I have not come across any issues with it so not sure how I can be of any help. Forums will be your best bet.
@techwithchanchal
Ай бұрын
@@RezaDorrani No worries. Just one question, the same thing is possible with Dataverse as well ? does your vdo align with Dataverse choice column as well ? or are there any changes in order to get different choices within the dropdown ?
@RezaDorrani
Ай бұрын
@@techwithchanchal Same and similar are 2 different things. I have done videos related to Dataverse. I would recommend checking those to understand about choice columns in Dataverse.
@techwithchanchal
Ай бұрын
@@RezaDorrani Thank you so much Reza.
Man since you are with microsoft please ask microsft to include dataverse in e5
@RezaDorrani
Ай бұрын
Best to make this request via Ideas forum
Modern controls at this stage are still quite buggie and unstable .... specially those newly introduced 😵💫😵💫
@RezaDorrani
Ай бұрын
Modern controls are part GA and part preview. Best to report bugs within the product itself. There is an option to give thumbs up or down and share your feedback in canvas app studio.
@ashzh
Ай бұрын
@@RezaDorrani I see. Thanks Reza!
@parranoic
Ай бұрын
@@ashzh I've talked with a Microsoft rep, they have no idea when they will fully release them
@RezaDorrani
Ай бұрын
@@parranoic Each modern control will have its own GA path. Part of the controls are already GA.