Це відео не доступне.
Перепрошуємо.
Power Apps Gallery Design Ideas
Вставка
- Опубліковано 8 сер 2024
- This video on Power Apps Gallery Design Ideas provides 5 different gallery design styles. We will build a data card like gallery design experience in Power Apps.
Link to download the Gallery Look book App - github.com/rdorrani/PowerApps...
Contains 5 different Power Apps Gallery Design Ideas. 5 different gallery layouts styles to choose from.
Gallery Look Book blog post: rezadorrani.com/index.php/202...
Auto scroll gallery - • Auto Scrolling Gallery...
Video covers the following:
✅ Gallery Design Properties
✅ Build a Card style Gallery
✅ Gallery Look book - 5 different gallery design ideas/styles in Power Apps
Table of Contents:
00:00 - Intro
00:50 - Power Apps Gallery and its properties
07:00 - Build a Card Style Gallery
14:00 - Horizontal Gallery design
15:39 - Gallery with filters
16:05 - Data table style Gallery with Pagination & sorting
17:16 - Editable excel like grid Gallery
18:05 - Subscribe
#PowerApps #PowerPlatform #PowerAppsGallery #GalleryDesigns
Thank you for sharing !! Have learnt new features, sure I will implement these on my application.
Fantastic. Great to hear that. Best of luck with your App.
I'm just getting into PowerApps and of all the UA-cam Channels I've been through yours is the top of my 'go to' list.
Well presented, easy to follow, great content.....keep up the good work.
🤩 Thank you Paul.
Every time I watch one of your videos, I don't feel worthy. Your knowledge and amazing ability to clearly share that knowledge is second to none. Thank you for your selfless commitment to sharing knowledge. I have learnt so much and found a new passion. I can only hope to be half as good as you are someday.
So nice of you. Thank You so much for your kind words.
Bonjour Reza, merci beaucoup pour tes vidéos. Tu expliques très bien, et tes vidéos sont claires. Vraiment merci pour tout .
Merci d'avoir regardé
Reza.. this one of most useful videos that I was looking for months. Specifically change the Gallery designs and you have covered all the coolest techniques in such an easy way. Thank you so much for sharing ❤ bud.. I am going to use it for my current project
Thank you Aroh. Happy to know you will be using it :)
I like these How-To Teaching Nuggets. You have the heart of a teacher. Thank you so much.
Wow, thank you so much!
No words. Simply awesome. Clear details and excellent PowerApps technical stuff.
Thank you
🤯 Mind. Blown!!!
Thank you for these...I suddenly have so many ideas to use this running around my head. There goes my sleep for tonight 😅
You're so welcome!
Thank youuuuuuuuuuuuuuuuuuu!!! Gallery lookbook 4 and 5 are what I am searching for! Very helpful!!!
Glad you liked it. Thank you for watching.
Outstanding. I’m a beginner user on Power Platform and certainly your videos provide in addition the view how to implement it as a process. Keep the great job!
Thank you for your kind words. Appreciate the feedback.
Huge thanks, I always say you are the best, you provide all the info in an easy way, please continue doing this
I appreciate that! Thanks for watching and feel free to share the App to others.
Great stuff Reza. Really liked the lookkbooks and certainly going to try them out. Thanks
Awesome, thank you!
Thank you Reza, simply brilliant video, cannot wait to try out the design idea with work colleagues.
Thank you. Let me how it goes :)
Reza, you are the best!! Thanks so much for your help.
Thanks for watching Benny
Great production value, and easy to understand.
Really like your videos, they help a lot.
If I should come with one comment, it would be to sometimes spend a little longer explaining the syntax of functions. It's not much, just a suggestion.
Not related to this video, but in general.
Thank you and your valuable feedback is noted.
Great video as always!! Thank you Rza!
Glad you enjoyed it!
I like it before watching.
Thanks a lot Reza
Thank you. I hope you enjoy the video.
Learn a lot from your practical examples, thanks Reza
Glad it was helpful!
Thank you for the the resources, Reza. I just found out about your channel and your content is great.
Thank you and welcome to my channel.
Excellent Knowledge Sharing !
Thank You
Always learn something new from your UA-cam channel, thank for sharing.
You are most welcome
Your videos are amazing, thanks for sharing Reza.
Thank You
Thank you for sharing. Phenomenal work and teaching. Wishing you prosperity in all you do!
Thank you so much!
Thank you for sharing and great video! I am a beginner of Power automate, Power Apps.
Your videos help me a lot to know more about them, and I am able to apply them to my work.
Thanks a lot!!
Great to hear! Thank you for your kind words.
Thanks Reza! You never ceases to teach me new things! Keep up!
Glad to hear that! Thank you for watching.
I wonder if you could show us an application that manages resources for events like waitress, cook, and so on with their availability showing it in a calendar based view.
@@alexmacedo2620 check this out for calendar view - ua-cam.com/video/3CI5q-o-R-s/v-deo.html
Thank you Reza, Excellent Video easy to follow, all the best
Thank you for watching.
I’m impressed! 🙂👏👏👏👏👏👏
Very nice work, thank you very much!
Thank you! Cheers!
Another great video Reza! So many helpful tips! Thanks so much for sharing your knowledge with us.
Thank you Teresa and thanks for the amazing feedback.
Hi Reza, I used the card style you showcase around the middle of the video in a budget tracker app I am working on. The colored bars are perfect for showing whether a budget line item is within budget (green), running low on funds (yellow) or over budget (red). Thank you for the inspiration!
@@teresaagustin5191 So happy to hear that these gallery designs are useful in real world scenarios.
Great content Reza. This is an example of what MSFT should be providing users PnP for their tech!!
Wow! Thats a big compliment. PnP team are my true heroes of the community.
@@RezaDorrani Hey we should all give credit where credit is due.
Thank You so much Reza! It was very helpful
Thanks for watching
Thanks Reza. Great Learning, Will see where I can implement this in my Project.
Awesome! Thank You
Thank you again for another great video with so many ideas on design. It makes a huge difference to our Apps as well. This was exactly what I was looking for: precise, easy explained and the downloadable app with data sources is the top.
Thank you for sharing your work with us :-)
You are so welcome! Thank You so much for watching and liking the content.
Thank you for sharing. Excellent contribution great learning session.
Thank you Praveen
Thanks Reza, brilliant as usual!
Thank you
Yes, superb as always. Thank you very much!
Very Helpful ! and Thank you for your sharing use case. :)
My pleasure!
Wonderful video for beginners like me. Thank you so much Reza sir.
You are most welcome
Such great teaching!! Your videos have really helped me achieve what I needed, thank you.
You are so welcome!
This is really amazing. Thank you for sharing. Again a lot of inspiration. 😀
You are so welcome!
This is wonderful Reza!
Thanks Sufi
As I once said... YOU ARE A LEGEND Reza...
🙏
I like before see with you .Thanks a million Reza
You are most welcome
Again very much informative 👍🏼👍🏼
Thanks
This is really cool thanks for the video.Best way to learn is to follow by example.
You're very welcome!
Great video and thanks for sharing. Great inspiration to be use
Glad it was helpful! Thanks for watching.
Thank you for sharing this great video. I have learned and implemented gallery design in my app
You are most welcome. Happy to hear that you implemented it in your App.
Reza you rock .. thank you for sharing
You are most welcome
Thank you for sharing !! This will helpful for me.
Glad it was helpful!
Thank you Reza for sharing your knowledge. Ek number content, So many helpful tips!
Knowledge shared = Knowledge^2
Thank you for the appreciation. Sharing is caring!
Excellent, thank you for sharing
My pleasure!
Thank you so much for your sharing .
Thanks for watching
So helpful thank you
Glad it was helpful!
Great learning experience Thank you.
Thank you Usha
Phenomenal. Thank you
Thanks Nica
Thanks again ,
Welcome!
Excellent !!!
Thank you
The only word is coming to me is "Whoaa". so interesting and many thanks for the sharing
Thank you! 😃
Thanks Reza
You are most welcome Sundra
Thank You Reza for sharing your knowledge with us.
QQ : I have a gallery view created using Vertical Gallery and now I have implemented filter for filtering items based on status. The filter works fine but it leaves space after selecting a specific status since it hides the others.
How can I ensure it auto adjust after applying the filter without changing the gallery control to flexible one ? I would be too much work for me hence looking for a way out.
I believe the only way would be to change the gallery to a flexible height gallery.
I would also recommend you check on the forums in case anyone has come across this scenario at powerusers.microsoft.com
Superb one. It is very hard to decide which look is best all are a master piece. The design I was looking for was the one which you used in "How to create Approval Forms in Power Apps" video which impressed me a lot means a lot. Please share the link if you have any.
Thanks. That gallery design is same as the cards one showcased in video. Only difference is a button control was added to give that rounding effect.
Great video Reza. In PowerApps I miss a horizontal scroll bar for vertical galleries. In your gallery lookbook 5 how could you handle if you don´t have enough space to show all columns that user must see?
The vertical galleries do not have a horizontal scrollbar. That is one of its limitations. You can increase height of gallery to fit more columns.
Precious
Thank you
Wonderful Reza! One more gem from you. What is the ideal font size or range is recommended for tablet and mobile apps respectively?
Power Apps sets the default sizes for you based on the form factor (tablet or mobile) that you select.
Hey Reza thanks alot for sharing.
I've been able to do lots of things thanks to your help.
What I wonder myself is why my rectangles don't have such an effect when hovering over them. do you have any idea why?
The effect comes from gallery property itself. Video description has link to download the samples.
Thank you Reza, you're videos helping a lot. May I know how that show and hide specifications implemented in Gallery look book 1?
Video description has link to download the sample App. You can check the logic there for all the look book samples.
Excellent as usual! Did you make a video on Lookbook 4 that you showed on this video?
Thanks. Here is video on Paginated Galleries - ua-cam.com/video/aKsNOsGj72A/v-deo.html
Will you teach on eye catching presentation..?? Simply superb ..
Thanks
This is really helpful for me...Can you please share you data source table.
Data source is SharePoint. No easy way to share the SharePoint list schema. Most of the SharePoint lists showcased use the Microsoft List templates.
Thank you Reza, brilliant as always. I see your github, did you do a video on how to import those samples from git? Not sure what to do with the zip file, thanks
learn.microsoft.com/en-us/power-apps/maker/canvas-apps/export-import-app
Another fantastic video, your content is top draw. Thanks so much for sharing.
Quick question, do you ever add labels for your items in your gallery? As it only displays the content of the item selected it could perhaps not mean anything to anyone
I do :)
I have a video coming on gallery design approaches. I will make sure to add the label in there!
@@RezaDorrani Thats great thank you, really looking forward to the new video. Keep up the fab work you are doing for the community
Hi Reza, thank you for for your videos. They are brilliant. Can you please let me know how did you create the gallery you have shown in look 4 -“Data table with pagination”. Thank you
Thanks for watching and liking the videos.
Gallery Pagination video ua-cam.com/video/aKsNOsGj72A/v-deo.html
@@RezaDorrani thank you
Very Nice Video, How did you insert the ICON/IMAGES FOR DIFFERENT OBJECTS ??
By checking the status or type and accordingly assigning them. Video description has link to download the sample App as well in case you would like to see all the formulas in play.
Great video. I am working on a project which requires all office365users listed down the left hand side in a vertical gallery and then their allocated tasks running horizontally across in a nested gallery based on start and end dates. Any ideas please?
Do not have a video reference on this scenario. Check on forums in case someone has done this powerusers.microsoft.com/
Hallo Sir/Mr. Reza, thanks for your awesome work.
I have a question, (First of all, I don't have any data source),
Why I can't edit the gallery labels?
I've tried to edit the first abel, but its also changed to other label?
I would have to look at your App in action to know why you cannot edit any labels.
I will recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
I just modify my gallery. Thank you.!
Great!
Great. Thankyou. Can you make a video to view SharePoint list item version history in Powerapps.
Fetching version history in Power Apps would require flow to query the versions. I will add this to my backlog.
This is great. Can you show how to build Dashboard Approval to SharePoint list with PowerApps? Thanks
Power Automate approvals in Power Apps?
Hi,
Awesome video!
How do you change images into circled images?
Thank You.
If Image control has same height, width and border radius properties, it becomes a circle :)
Thank you for your great video, how to apply gallery in power apps
Your most welcome
Many thanks for the great tutorial!
It looks like I have some beginner issue - when I try to display a 'choice' (e.g. ThisItem.'Status') or 'person type' data field in my canvas app, it shows an empty box with an error that a text value is expected. Do I need to make some modification in the properties of the field so that the the data is shown?
After having played around a little I have found out that I need to change to . Can you explain why I need to add '.Value' for this 'choice' field. In your example it was not required.
Regarding the person type issue I have also noticed that I need to manipulate to . In this regard I have the following questions - apologies for keeping you busy with my questions :/
1) Why are ' ' required for the Line Manager but not for Status?
2) When I use or the values are shown nicely (and pulled from the organizational chart). However, when I try to show the Email or the department (which are also fields in the dropdown suggested by PowerApps), the following error comes "Name isn't valid. This identifier isn't recognized." Do you have any solution for this?
Choice columns are complex type column.
You will need to use .Value to get the underlying value.
Person type column is also complex type column.
You will need to use .DisplayName to get the value.
For your 2) issue, I have not come across this issue.
I will recommend posting your issue with screenshots on the forums at powerusers.microsoft.com/
@@RezaDorrani Many thanks for the great support Reza, very kind! :)
Thank you for sharing. I regularly follow your videos. It's a great explanation.
I have query related to connectors of production environment. Could you please guide me which account do I need to use for connections, instead personal accounts.
If you provide any Microsoft URL is related to account of connections, it would be appreciated. Why am I asking URL is our customer is asking article about best practice use of connections on power platform. I recommended service account, but they are asking article. Please help me on this concern.
Thank you!
Connectors in Power Apps run under the context of the user and not any service account. The service account concept is more for flows.
aka.ms/connectors - List of all connectors
docs.microsoft.com/en-us/powerapps/maker/data-platform/create-connection-reference - Connection reference concept
I have not seen any best practices guidelines as such. But using solutions to build Apps and flows is best practice.
Solutions Overview - docs.microsoft.com/en-us/powerapps/maker/data-platform/solutions-overview
Thank you very much for your help. I will go through with your shared URLs once again thanks for providing URLs
Reza, i don' t understand how the green bar selection works in gallery 4. Do you have a video on how to do that ?
Here is the video on gallery designs ua-cam.com/video/bnC8u3gdWss/v-deo.html
hello reza, can you explain about bit more about gallery control used in home screen of issue tracking form control new edit form video. i am not able to replicate the same as shown in your video. i got stuck .
One of the designs in this video is same as the issue tracking video gallery.
Are you not able to replicate the design or not able to connected the gallery to the form?
I would recommend you post your issue with screenshots on the forums since it becomes much easier to understand with images - powerusers.microsoft.com/
Dear sir thank you for the video with your videos I was able to automate my workflow for a 25 member team...thanks a lot, this save atleast 8 minutes per member a day...just curious to ask is there a way I can create this cards and create a link... basically idea came if I can create an image repository with download link in SharePoint...user can view thumbnail png as card...and can download any format when clicked on download button...please guide...
Thank you.
You can create a link to the item or document & use the Launch function in Power Apps.
I have a video coming this Thursday which also uses the Launch function to open a URL.
@@RezaDorrani wow thanks a ton... will wait for the video...
Reza, how to change column any other… I mean if I need change column after template column.
Sorry, I did not understand the question.
Great video. I have a SharePoint online List(with few columns), I am displaying them as data cards. I have a "Title" column added to data card. How to open a list item when it is clicked on Title label.
If its a Power App, then you should direct user to a form not the list item.
If you still need to, use the Launch function on title column click (onselect) and launch with the item url or url path property (its something related to path)
@@RezaDorrani I would like to display only when status=approved items on the datacard?
@@shanthan6995 Add a condition to check status and then create link. I have plenty of conditional checks and other stuff covered in my Power Apps playlist - ua-cam.com/play/PLTyFh-qDKAiEIVlidnhELx5BusnzlDzkR.html
If you are stuck with your formula, then I will recommend you post your issue with screenshots on the forums at powerusers.microsoft.com
@@RezaDorrani thank you very much.
Hi Reza,
I hope you are doing good. I am creating a screen where I need to display document attachment control and a gallery to show already uploaded documents with other controls. But when I scroll, the gallery doesn't move. Can we nest gallery within a container?
I have not come across this scenario or issue hence not sure. Gallery can be added in a container. I recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
Thank you Reza for sharing wonderful content on power platform. Have learned lot of new things from your vlogs. I just wanted to bring to your notice that I am having trouble importing gallery lookbook zip file getting following error "The solution file is invalid. The compressed file must contain the following files at its root: solution.xml, customizations.xml, and [Content_Types].xml. Customization files exported from previous versions of Microsoft Dynamics 365 are not supported." Can you provide me latest Repo link. Thanks
Thank you 🙏
The zip file is an export of an App not a solution. Try importing as an App.
@@RezaDorrani Thanks Reza for quick response. Importing as an app resolved my issue.
🤝
😊
can you share the link for building gallery look book 4 ? I need to make similar gallery
Check ua-cam.com/video/aKsNOsGj72A/v-deo.html
Do you have a tutorial on the Gallery for Look #3? When I load the Lookbook, the Gallery is blank
Gallery is blank probably because of your filter conditions.
Here is the video for gallery filters - ua-cam.com/video/5dSk5iOgT68/v-deo.html
Can you please share code of gallary with colum headers ( data table with pagination).I am new to power app. Have to build similar table ( can i use data table or only vertical gallary?)
Video description has link to download sample App.
For paginated gallery, check ua-cam.com/video/aKsNOsGj72A/v-deo.html
@@RezaDorrani thanks for the reply, I refered gallery 4 data table from this video but in the other video of yours you have used hidden gallery, so I am confused which one I should be using.1) I have coded taking reference of your other video for pagination with hidden gallery. 2) as the other video is not having sort, I added in my code and tried to sort data in main gallery to display data then its giving errors 3) so, to make it simple I have applied sort to hidden gallery itself, it started giving delegation warning 4)so, I created second hidden gallery and sorted data of first hidden gallery all items and used the sorted 2nd gallery items in my main gallery to display data and it looks fine.
I am not sure what I did is right way.
Can you please suggest
@@radhikap3322 Refer to the full video on gallery pagination.
I will have to look at your app in action to troubleshoot. I will recommend posting your issue with screenshots on the forums at powerusers.microsoft.com/
how can i open data card complete details as pop up ,instead of navigating to another screen?
I do not have a video reference on this scenario. I would recommend checking on forums in case someone has done something similar
powerusers.microsoft.com
0 dislakes, this s awesome
I know, right? Even if I get it, it's fine. I only focus on the likes and the comments.
Hi, my gallery with is using sql view doesn't reflect path or update changes , how to make it get refreshing ?
I will have to look at your App in action to provide guidance. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
hi Mr Reza, How do you put link device image link as per excel attachment?
Excel file has link to image that is available anonymously on the web.
Hi Reza, i have an application gallery but i want to open a different screen from each of the gallery items.This means if I am selecting the first element and select on select property, it will replate to all elements.i want to have different on select properties for diifrent elements.Please help
How many screens and how many gallery items?
Ideally the gallery items property should be driven from a colleciton which also has the screen reference it needs to redirect to.
That ways OnSelect of the gallery Item, you can redirect user to the respective screen.
@@RezaDorrani Got it,Many thanks!
Hi! I could not make the switch function to work. It does not recognize me the column name.
Column name should match the name in your data source. Intellisense in the App should provide the available columns from your Table.
It will be difficult to provide any guidance without looking at your App.
I would recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com.
Can you share 5th step galley in detail
ua-cam.com/play/PLTyFh-qDKAiHeIy4xwTFpz_03poNzPuQU.html
Please don’t stop posting new videos!!!
Please keep watching and sharing my videos :)
@@RezaDorrani You bet!
How do i set a default value for powerapps gallery, i tried Lookup(mycollection, columnname = "value") this didnt work
Probably because the schema of the gallery items property does not match the collection.