⭐ Recommended: Download the Sample Power App demonstrated in the Video from github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip There was an editing mistake in the video!
When I set multiple person picker in Sharepoint List column 'Assigned To', the App is throwing now errors. How are we going to compare with multiple person being picked? Please help.
@@JamesLee-by5bt I would have to try that out at my end to know what those errors are and how to fix. I will recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
Hi Reza, thank you for the sample. I have replayed it maybe more than 500 times but no luck. This is I think because of changing powerups versions. Your sample could solve the problem. Thank you
Just wanted to give you a heads up... At 14:47 you instruct people to add a blank horizontal gallery but what actually gets created is a blank vertical gallery. I only recognized this after trying to add this part over and over multiple times thinking I was doing something wrong when my tabs didn't turn out like yours. When I went back and added a blank vertical gallery instead of a horizontal it worked though. Thank you so much for these videos though! They are super helpful!
Thank you Michael for commenting on this. I have repeated this part over and over thinking the same thing. I had to scroll through the comments to make sure I wasn't losing my mind. Overall excellent video Reza... Keep up the good work!
Hey Reza, thank you for another brilliant video. You explain things in such a simple way. You're an essential resource for anyone wanting to learn about Power Apps. I love it that you don't waste any time with unnecessary chunter like many other presenters do. It's straight down to business and pitched just perfectly. Please keep the videos coming.
Thank you so much for the amazing feedback. Sometimes I wonder if I get into the details too quickly in the video 😊. I will keep trying my best to post quality content.
Just right into the core. I like how you teach, the pace, no chit chat, everything just excellent. Great content Reza. Really appreciate it. Very useful for those who wants to learn PowerApps from zero to intermediate just in a few minutes i would say.
Excellent video as per usual! In my efforts to follow along, I keep running into issues at 18:10. When I try to set the template size to parent.height, all my tabs crunch together, and the size of the gallery does not change to fit the size of the container. I'm not sure where I'm going wrong here.
Thanks Chris. There was an editing mistake in the video. Link to download sample App - github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip. Check the tab gallery setup in it.
For anyone else who stumbles across this comment, TemplateSize is NOT “parent.height” as shown in the video. It’s supposed to be Parent.Width/CountRows(Self.AllItems)
And the gallery isn’t using the blank blank horizontal template. It’s using the “title and subtitle” template with a minimum height of 0. Might as well upload a corrected video.
@@antoniobranderas Sorry for the troubles! I did share the App and made the link available as a Pinned Comment so that folks do not have to run into oissues.
Reza is a great teacher. The pace is fast, but sufficient for the capabilities of this forum. The content is somewhat hard to follow as some settings are done behind the scenes during edits so you must take care to watch the parameters window to see what has been changed that is not obvious in the actual instruction. This video actually has one point of instruction that is contrary to what you see on the screen, but this is pointed out in the comments/answers and is easily corrected. The author also makes his app available as Git so you can check the type of objects that were used and use that code in your own work. Overall I am very impressed with this teaching method and will definitely be using Reza's very large library of videos for my own learning. THANKS! for helping me on my path!
Reza you absolutely rocked the tutorial out of the park! Awesome instruction and explanation. You have a wonderful talent of helping so many people. Keep up the awesome work!
@@RezaDorrani Question: You have quite a few videos that I need to sift through. Any suggestions for which video to watch next which would provide tips for organizing my data in the best possible format to align with the above video?
Reza, you are a great teacher. Yes, your designer skill are also masterful but you present in a clear concise manner that is enjoyable to follow. Even if I already know how to do something, I still watch because it is enjoyable and I get the reinforcement.
Wow, thanks! All Apps are small when you begin. Just keep adding to it. I started this video to just showcase responsive tabs & kept adding to it. Final result was a full responsive Power App.
Excellent stuff again Reza! More than a great start for my overdue dive in containers. Much appreciated. One Q: @14:45 a horizontal gallery is created while later the wrap count is used to build the tabs. Possibly due to a video edit the change from horizontal to vertical is not part of the video? Just my I guess based on the name change of the gallery @14:50...
Thanks Marc. You are right on the gallery wrap issue. I uploaded the sample app on github. So you can check the code once you import the sample App :) github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
Muito bom!! Mesmo eu não sendo fluente em inglês consegui entender bem o conteúdo. Parabéns pela didática e obrigado por disponibilizar um conteúdo tão rico 😊
There needs to be a part 2 of this exact same video there were still so many filter columns rows that were left unanswered but then again cant thank you enough for your efforts .
Great video Reza! This has to be hands down, the best video I've come across on responsive layout for Canvas Apps. In one video, you've answered many of the questions I had on the subject.
First I saw this I was like cool I like the tabs, something to add to my app. But then I realized that your Power Apps environment works way different then mine. Templatesize is set to Parent.Height(100) but remains the minimum Height of 287 of the container. Wrapcount doesn't use all the available space, it just staking up on eachother. Therefor leaving the TemplateSize and Wrap count as it is gives me the best (same) result (edit: a lie, not the best same result because the width is hardcoded, when going to a small screen it adds a scrollbar). As the blank horizontal gallary is in a vertical container I even do not have the option to choose the layout like you have. Small details but stands out for me. Your Power Apps is not the same as mine and reacts diffrently then mine. Weird and shouldn't be.
For the Tabs try with wrap count 1. I also made the sample App available for download so you can check the logic in there github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
If your issue was the same as mine, my workaround was to set the TemplateSize tothe formula... App.Activescreen.Width/CountRows(yourGalleryCollection) I left wrap as 1... it seems to work now.
Great tutorial - thank you so much for the detailed explanations behind each step. I've been struggling so much with getting my apps to be responsive, and this video has cleared up all my misunderstandings about container properties and app layout.
Thank you, Reza, for another enlightening Masterclass session. Your clear explanations make even the most complex concepts understandable. I am continuously learning from you and am committed to supporting you in any way I can. Keep up the fantastic work!
Exactly what i was looking for. Perfect in explanation and details. Planning to watch all videos related to Power Apps. THanks a bunch for all your efforts
Thanks, Reza, for enlightening us on this RAD Tool. Couple of Queries and Request, If you can address it: 1. Can we build dynamic Canvas app (Form) using meta data, like we will have the Control details stored in a data source and reading that we need to build the User interface. Eg: We have Data stored in SharePoint List for an user form with following meta data Field Caption Control Type Additional Remarks Your Name Text Box - DOB Date Picker/Field Gender Option field / Drop down Applicable value: Male , Female, Other. 2. Demo and usage of Child Flow forms.
1 - Dynamic forms is not something out of the box. It will require building controls dynamically in a gallery. This would be complex and specific to a use case. I have not run across this scenario. I will recommend you check on the forums at powerusers.microsoft.com/ 2 - Child flows is in my backlog list.
Hi Reza, from this video @26.35 Sec onwards. your gallery has three data (Subject, description, dept. all in vertically down form), If the Gallery in stretch mode has more data (This item. id...etc.) and put in horizontally like 'ID', 'created date' in one row and other two items in a middle row etc. How we can rearrange all items in one column when we shrink the window (Mobile phone version), I mean the same as the form (@ 40.02 sec. of video), data cards rearrange in one column when you shrink the window.
Better option for that scenario would be to use a flexible height gallery. And for each data point, you would need to handle the x AND y co-ordinates by positioning the controls based on the TemplateWidth of the gallery.
Hi Reza. I used your video to create our own service desk portal. Little did I know that it does not cover all the steps. How can I get all steps to get the portal completed? Thank you so much for your brilliant knowledge, you are changing lives!
I have been avoiding getting into containers due to the apparent complexity, however this video has convinced me to dive into them. Thanks Reza for another brilliant video.
Hey Reza, I have a quick question. At 17:06 you added items to the gallery control and only one item added. I tried that on my end and even though the wrap count is 1, it adds four items horizontally. Any tips on how to deal with it? Thanks
Amazing video as always. Thank you. I saw a transition on minutes 36:50 . You pass from regular gallery with arrow icon , to tiles. I really like the card/tiles that have the data on it . Please explain how you switch . Thank you again
Hi Reza, thanks for your great content. I have a question around selecting a row on a gallery. I generally use a transparent button to fill the width & height of the gallery row. This provides a number of benefits: - The cursor shows a hand for selection - Set the buttons hover fill color - looks nice for users Now my question is how can we do something similar for responsive galleries as setting the buttons flexible width property on fills a small area and turning this setting off and setting the width to span the entire row then pushes all the other controls underneath the button. I know I can put an icon on the gallery row or make the button smaller but I was hoping to achieve the same functionality as non-responsive galleries. Any advice would be appreciated.
Hi Reza, This is fabulous! One thing I just can't get to work is the gallery parent height and the wrap 4 - for some reason it cramps it to the left but not sure why it does that.
Thank You. The wrap count issue is a miss in the video. Link to download the App - github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
@@RezaDorrani Thank you for sharing this link (I'm getting the same issue as everyone else) but I don't have a clue what I'm meant to be reading from that long list in your zip file??
@@jaimemkenyon Zip file is the app file. You dont have to read its contents. You have to import that file as an app. You can check documentation on how to import a zip file.
Great content as usual. Thanks for taking the time to create these videos for people like myself. I do have a question. I created a responsive application using your approach as the foundation. When the first tab is selected, I show a series of cards (gallery) of items that the user can filter and select from. For instance, they can see and filter a list of locations. When the user selects a location, the goal is to move them over to another "tab", essentially simulating the click function on the tabcontainer control. While I am able to get the tab to display, I am not able to figure out the code that would fill in the template color to give the user the appearance that they are on the selected tab. Any suggestions on how I change the templatefill color, if the user is not directly selecting/clicking that control??? It works fine when they select/click the control using the code (if thisitem.selected, blue, white), but not sure how to make it work when I am redirecting them to the "Tab".
Thank You for liking the video. I will have to look at your App in action to know the exact cause of your issue & provide any guidance. I have made the sample App available on my GitHub repo at github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip I would also recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com
Hi Reza, I agree, excellent videos! My question is, when setting the (varTabSelected) I do not have "ThisItem" as option. what am i doing wrong? Thanks in advance!
You must not be in the correct context of the gallery. ThisItem is a gallery property. Check video again and see which control property is it being called in. I would also recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com
This video is what I recommend newbies start with! I would have been so much further along in delivering beautiful apps had I came across this sooner! The app I am building now looks incredible. It fits all of my screens! There's no yucky grey area around it! I have to rebuild all of my others now! UGH!!!! Thank you Reza!
Hi Reza, Thanks for the wonderful video, I love the way you teach in this video. Keep up the good work. It will be good if you could share some video with a scenario where One issue with multiple Task, Multiple Target date, Multiple Department has to be assigned.
Thanks. I make videos on when I receive multiple requests on a topic. Every quarter I ask subscribers for topic suggestions on community tab of my channel. Most voted topics get added to my backlog. Make sure to post this idea whenever the next suggestion post comes out. If it gets max votes, I will add it to my backlog.
HI Reza, i agree with everyone, your material is fantastique. I have a small problem though, when i am adding the rectangle, icon and label, power apps is automatically adding the 3 others tabs. So when i try to place the countrows in place. it's like it is considering the 4 tabs has only one and put them on top of each others at position number one. Any ideas where the problem can come from ? I did 3 times just to make sure it was not clicking error, same result. Thank in advance for your help.
Thank You Alain. Yes, there is an issue with the wrap count. Try setting wrap count as 1. I have made sample App available for download at github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
@@RezaDorrani Hello Reza, thank you for this valuable vid. I am having the same issue as Alain Cote. However, when I sideload your zip on into my Teams I get this error "Manifest parsing has failed". Does someone manage to load the sample app successfully ?
Thanks Reza. This is really useful. However, when I use Preview App and resize the window towards phone size, it is "centering" the app, rather than yours which looks as though it is "left justified". Any ideas?
I will have to look at your App in action to provide any guidance. I have provided the sample app for download at my GitHub repo at github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip I would recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com
18:03 the formula has change for 2024 Powerapp version. "Parent.Height" doesnt work. All elements just clamp up at one corner after applying. The new formula should be: If( Self.Layout = Layout.Horizontal, (Parent.Width - Self.TemplatePadding * (CountRows(Self.AllItems) - 1)) / CountRows(Self.AllItems), Min( 320, Self.Height - 60 ) ) 18:55 WrapCount = CountRows(colTabs) doesnt work as of 2024. it only show 1 item in the gallery. Hence, it should be left at "1" by default. this works with the above script for TemplateSize.
The same app continues to work fine in 2024 as well. I used this App around a month ago during my training session. Elements clamping in corner is not something I have experienced. Wrapcount logic still works as expected. The gallery used in video was a vertical gallery.
@@RezaDorrani 14:42 You said to create a Horizontal Gallery not Vertical Gallery. I hav e follow every step and thus the script doesnt work until i figure another way to rework the script for Horizontal gallery as of 2024
@@RezaDorrani Your script works for Vertical Gallery, i have tested it out. Please help to edit your video (may be a pop up message box) such that at 14:42 viewers will choose vertical gallery instead of horizontal gallery. Thanks!
Another Great Video. I learned PowerApps a few years back from the 'Service Desk template' and made my first App, will get an upgrade soon based on your video. You are a great teacher as well. Thank you (Thumbs up)
Awesome tutorial Reza. I have a question, I'm following all your steps (I'm newbie) and at 10:30 that you are reducing the width to me is not working, do you know why? I'm following every click you are doing.
I made a mistake with the wrap count. Here is the link to download the sample App - github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
Good evening Reza. I am stuck and I am hoping you can provide some guidance. I have a power apps gallery that uses your (varTabSelected) formulas noted in this video and it works great. The issue is that I am also using the filter (sortcolumn(filter.....)) formulas noted in your video titled "Power Apps Gallery Filter Pane | Multiple Filters." Separately they work fantastic, but I am having trouble combining the two so that they function together. Thoughts?
I would have to see your app in action or reproduce your scenario to know the reason why its not working. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Hey Reza, I was working on a canvas app with 5-6 screens which is targeted for mobile, tablets and laptops. With just the container approach applied, the controls do become responsive. But what is the ideal way to apply responsiveness to all labels, buttons etc? For example, a label at 30px on a laptop looks huge on a mobile, and maybe 15px would look better there. Is there a one-stop solution for this where all controls can be formulated?
I wish there is a one stop shop solution. There is none. That's the reason why I have built multiple videos on responsive design showing various options. Check ruclips.net/p/PLTyFh-qDKAiHe6pHdlyBbRK1b44bNAAN_
Thanks again for all your videos Reza, appreciate all your efforts. Didn't know TRANSPARENT was a value for the fill property of a button. Have always used RGBA(56, 96, 178, .01).
Could this be applied to connect to several SP lists and document lists and dynamically filter them based on a common field in all of them? Say “Type” and your selection was “Escalation” on the first tab. Could all the corresponding tabs be filtered to only show where “escalation” was in the “type” column for several other lists that all have the “type” column? Similar to dynamic list filtering within SharePoint itself? Thanks!!!
Great videos Reza. Quick question. I am building a very similar responsive gallery with tasks, but when I try to filter the tasks by the logged in user (which is compared to an 'Assigned To' column in my Sharepoint list which allows multiple people, I get a delegation warning. Is there a work around in a responsive power app. Your other videos demonstrate a hide rather than a filter feature, but I haven't found it usable with a responsive Power App. Any suggestions?
Hi Reza, As always, thanks for your great video. Quick question, at 16:55 when you click the edit icon to edit the template of the gallery, the whole gallery was outlined as selected. When I did it, just a cell in the gallery was outlined. Where did I go wrong?
As always great training! Question - What can I add to the Filter show all tickets when the 2 filter fields are blank? (selecting ALL Tickets) 35:38 in the video. The filter works fine, but I want to clear the filter and get all tickets with no filter. I have the drop down set to where I select a drop down value, then if I click it again, it goes away (is blank), but no records show when its blank.
Hey Reza, thank you very much for the video, I'm trying out this app but I'm getting an error for assigned to tab after i enter this line,Filter('Help Desk','Assigned to',Email = User().Email). please share column names you used for your sharepoint list
First, thank you for your videos. I have been going through them and learning so much. I was thinking about something in regards to the responsive design aspects. is it possible to set up a landing page and depending on the size of the screen that it's being viewed on redirect it to a screen layout that is only for mobile devices? I have a landing page that I'm designing that is good for desktop but for mobile it doesn't need all the bells and whistles. So to offer a simplified version for mobile would be ideal. Thank you for any insight that you can provide.
Ideally you should only have 1 landing page and depending upon the device user is accessing the app from, the screen resizes. You can show and hide controls on screen based on dimensions as shown in the video.
Thank you so much Reza! This video is very good! But I have a question. I have also dynamic tabs like yours. And I want to hide a spesific button according to the user e-mail. As your case, for example, if you want to hide just "All Tickets" button according to user-email. How can I do this? Thanks you!
Hi Reza, thanks for this. Just a quick questions, how would you set this up so that this could be accessed by external users? So essentially, how would someone outside the organisation create new tickets using your powerapp?
You can share apps with external users (guest users) ruclips.net/video/NEM1StcJzUI/видео.html You will need to ensure they have access to the data source + they will need license to access power apps either in your tenant or they can bring their own license.
Hi Reza, This Video was a great help!! Thank you so much!! I have a query. The redirection to the appropriate SharePoint list item is not being achieved when we click the buttons. I ensured i have an access to Sharepoint list and Select(Parent) is called in the OnSelect of the button. Am i missing something?
It is really amazing. I was trying to insert rich text field to insert paragraphs and tables. But it seems that power apps canvas does not support. How can get this done, any custom solution? Appreciate your guide.
Hi Reza, does this concept work for Powerapps for Teams as well. Seems like I am struggling to make my apps fit on a phone through the teams app. Thanks
@@RezaDorrani Thank you. One more question if you dont mind, I have just made an app in teams and when I open it on my mobile device, I get two scroll bars, one for the screen and one for the form. Is there a way to prevent this from hapening? Thanks
This was Great! thanks sorry for so many questions, I have searched a lot but cant find it, do you have any videos or trainings on showing current forecast vs prior in galleries in power app?
I'm following every steps, but I think something is different, maybe because the version of PowerApp. When I set, TemplateSize to Parent.Heigh, it fits the width to 100 and not the height. 18:22
The gallery showcased in video is a vertical one. (Missed in video). Check sample App: github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
⭐ Recommended: Download the Sample Power App demonstrated in the Video from github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
There was an editing mistake in the video!
When I set multiple person picker in Sharepoint List column 'Assigned To', the App is throwing now errors. How are we going to compare with multiple person being picked? Please help.
@@JamesLee-by5bt I would have to try that out at my end to know what those errors are and how to fix. I will recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
@@RezaDorrani how to be you? You are my Idol!
Hi Reza, thank you for the sample. I have replayed it maybe more than 500 times but no luck. This is I think because of changing powerups versions. Your sample could solve the problem. Thank you
@@WaliSayed Video has a mistake as I mentioned. Try the sample.
Just wanted to give you a heads up...
At 14:47 you instruct people to add a blank horizontal gallery but what actually gets created is a blank vertical gallery. I only recognized this after trying to add this part over and over multiple times thinking I was doing something wrong when my tabs didn't turn out like yours. When I went back and added a blank vertical gallery instead of a horizontal it worked though. Thank you so much for these videos though! They are super helpful!
That's true!
Pinned comment on video has link to download sample app.
Thank you Michael for commenting on this. I have repeated this part over and over thinking the same thing. I had to scroll through the comments to make sure I wasn't losing my mind. Overall excellent video Reza... Keep up the good work!
Same I was losing my mind
@@keiljuanaphillips9663
Hey Reza, thank you for another brilliant video. You explain things in such a simple way. You're an essential resource for anyone wanting to learn about Power Apps. I love it that you don't waste any time with unnecessary chunter like many other presenters do. It's straight down to business and pitched just perfectly. Please keep the videos coming.
Thank you so much for the amazing feedback.
Sometimes I wonder if I get into the details too quickly in the video 😊.
I will keep trying my best to post quality content.
Just right into the core. I like how you teach, the pace, no chit chat, everything just excellent. Great content Reza. Really appreciate it. Very useful for those who wants to learn PowerApps from zero to intermediate just in a few minutes i would say.
I appreciate the feedback. Thank You so much. Goal is always to be to the point & remove all fluff.
Your channel is among top resources to learn Power Platform. Thanks man!
Thank You Saeed
Excellent video as per usual! In my efforts to follow along, I keep running into issues at 18:10. When I try to set the template size to parent.height, all my tabs crunch together, and the size of the gallery does not change to fit the size of the container. I'm not sure where I'm going wrong here.
Thanks Chris. There was an editing mistake in the video. Link to download sample App -
github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip. Check the tab gallery setup in it.
Same. Spent half a day trying to figure out what went wrong.
For anyone else who stumbles across this comment, TemplateSize is NOT “parent.height” as shown in the video. It’s supposed to be Parent.Width/CountRows(Self.AllItems)
And the gallery isn’t using the blank blank horizontal template. It’s using the “title and subtitle” template with a minimum height of 0.
Might as well upload a corrected video.
@@antoniobranderas Sorry for the troubles! I did share the App and made the link available as a Pinned Comment so that folks do not have to run into oissues.
Reza is a great teacher. The pace is fast, but sufficient for the capabilities of this forum. The content is somewhat hard to follow as some settings are done behind the scenes during edits so you must take care to watch the parameters window to see what has been changed that is not obvious in the actual instruction. This video actually has one point of instruction that is contrary to what you see on the screen, but this is pointed out in the comments/answers and is easily corrected. The author also makes his app available as Git so you can check the type of objects that were used and use that code in your own work. Overall I am very impressed with this teaching method and will definitely be using Reza's very large library of videos for my own learning. THANKS! for helping me on my path!
Thank You so much for the feedback.
Best of luck with your learning.
Reza you absolutely rocked the tutorial out of the park! Awesome instruction and explanation. You have a wonderful talent of helping so many people. Keep up the awesome work!
Thank You so much
@@RezaDorrani Question: You have quite a few videos that I need to sift through. Any suggestions for which video to watch next which would provide tips for organizing my data in the best possible format to align with the above video?
@@keiljuanaphillips9663 I have my videos categorized in playlists.
Reza. You are earning a lot of respect from thousand of PowerApps Fan. Keep it up.
Thank You so much 🙏
Reza, you are a great teacher. Yes, your designer skill are also masterful but you present in a clear concise manner that is enjoyable to follow. Even if I already know how to do something, I still watch because it is enjoyable and I get the reinforcement.
Thank You so much.
This is an entire new level for Responsive app. My app is a small baby compared to this! You are super MVP!
Wow, thanks! All Apps are small when you begin. Just keep adding to it. I started this video to just showcase responsive tabs & kept adding to it. Final result was a full responsive Power App.
@@RezaDorrani 😁 That’s what I am doing and I do really hope to reach similar results
Excellent stuff again Reza!
More than a great start for my overdue dive in containers. Much appreciated.
One Q: @14:45 a horizontal gallery is created while later the wrap count is used to build the tabs.
Possibly due to a video edit the change from horizontal to vertical is not part of the video?
Just my I guess based on the name change of the gallery @14:50...
Thanks Marc.
You are right on the gallery wrap issue.
I uploaded the sample app on github. So you can check the code once you import the sample App :)
github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
@@RezaDorrani Yes I was having the same issue.
@@EllieCarter5225 Even after downloading the sample App?
I am beginning my journey to develop PowerApps, and this video was very helpful to get a better understanding of the possibilities.
Awesome! Thanks for watching.
Muito bom!! Mesmo eu não sendo fluente em inglês consegui entender bem o conteúdo. Parabéns pela didática e obrigado por disponibilizar um conteúdo tão rico 😊
Most welcome and thanks so much for watching and liking the video
There needs to be a part 2 of this exact same video there were still so many filter columns rows that were left unanswered but then again cant thank you enough for your efforts .
Thank you for watching.
I will plan another video on responsive design in future. Will wait for more new features to come in.
Great video Reza! This has to be hands down, the best video I've come across on responsive layout for Canvas Apps. In one video, you've answered many of the questions I had on the subject.
Awesome, thank you!
Dear Reza, For me it is crystal clear show for responsive power app. Thanks for contributing the valuable content.
You are most welcome.
First I saw this I was like cool I like the tabs, something to add to my app. But then I realized that your Power Apps environment works way different then mine. Templatesize is set to Parent.Height(100) but remains the minimum Height of 287 of the container. Wrapcount doesn't use all the available space, it just staking up on eachother. Therefor leaving the TemplateSize and Wrap count as it is gives me the best (same) result (edit: a lie, not the best same result because the width is hardcoded, when going to a small screen it adds a scrollbar). As the blank horizontal gallary is in a vertical container I even do not have the option to choose the layout like you have. Small details but stands out for me. Your Power Apps is not the same as mine and reacts diffrently then mine. Weird and shouldn't be.
Same here
For the Tabs try with wrap count 1.
I also made the sample App available for download so you can check the logic in there
github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
If your issue was the same as mine, my workaround was to set the TemplateSize tothe formula... App.Activescreen.Width/CountRows(yourGalleryCollection)
I left wrap as 1... it seems to work now.
Same problem here. Working in the Power Apps for Teams environment.
@@reileybergin10 Download sample App from github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
Hi Reza, just to clarify the confusion, on 14:43 should be Vertical Gallery instead of Horizontal Gallery.
That is correct. I have provided the sample App on my GitHub repo at github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
@11:30 I love how to you often point to the resources, it does help in learning and finding more resources for better understanding. Thanks.
I make a conscious effort to do that and glad to know it is noticed. Thanks.
Great tutorial - thank you so much for the detailed explanations behind each step. I've been struggling so much with getting my apps to be responsive, and this video has cleared up all my misunderstandings about container properties and app layout.
Glad it was helpful!
Thank you, Reza, for another enlightening Masterclass session. Your clear explanations make even the most complex concepts understandable. I am continuously learning from you and am committed to supporting you in any way I can. Keep up the fantastic work!
You're most welcome!
Exactly what i was looking for. Perfect in explanation and details. Planning to watch all videos related to Power Apps. THanks a bunch for all your efforts
You are most welcome!
Thanks, Reza, for enlightening us on this RAD Tool.
Couple of Queries and Request, If you can address it:
1. Can we build dynamic Canvas app (Form) using meta data, like we will have the Control details stored in a data source and reading that we need to build the User interface.
Eg: We have Data stored in SharePoint List for an user form with following meta data
Field Caption Control Type Additional Remarks
Your Name Text Box -
DOB Date Picker/Field
Gender Option field / Drop down Applicable value:
Male , Female, Other.
2. Demo and usage of Child Flow forms.
1 - Dynamic forms is not something out of the box.
It will require building controls dynamically in a gallery. This would be complex and specific to a use case.
I have not run across this scenario. I will recommend you check on the forums at powerusers.microsoft.com/
2 - Child flows is in my backlog list.
This is the best channel explaining PowerApps
Wow! Thank You
Hi Reza, from this video @26.35 Sec onwards. your gallery has three data (Subject, description, dept. all in vertically down form), If the Gallery in stretch mode has more data (This item. id...etc.) and put in horizontally like 'ID', 'created date' in one row and other two items in a middle row etc. How we can rearrange all items in one column when we shrink the window (Mobile phone version), I mean the same as the form (@ 40.02 sec. of video), data cards rearrange in one column when you shrink the window.
Better option for that scenario would be to use a flexible height gallery.
And for each data point, you would need to handle the x AND y co-ordinates by positioning the controls based on the TemplateWidth of the gallery.
I have 6 power app tutorials in my playlist for learning/re-learning during coding. 5 are from you, you are amazing! More power!
That is awesome! Thank you so much.
Hi Reza. I used your video to create our own service desk portal. Little did I know that it does not cover all the steps. How can I get all steps to get the portal completed? Thank you so much for your brilliant knowledge, you are changing lives!
This video is focused on responsive design and not a full build of service desk. I do not have any specific video highlighting all the steps.
@@RezaDorrani Noted and thank you for your response. I will try and improvise using the same video. Cheers ;)
Thank you Reza! Your videos always help with my projects. Best channel.
This video has so much knowledge, thank you Reza
You are most welcome
Thank you very much, Reza
Again, a great video straight to the topic - Responsive Design. It helped as a fast review. I like this format very much.
Most welcome and thanks for watching
Hi Reza,This is the best channel explaining PowerApps, i am a big fan of you and your amazing videos.👌🏼👏🏼👏🏼👏🏼
Thank you Ajay.
Your appreciation makes me want to work harder to keep providing valuable content.
Youre the man! best Power App youtuber!
Wow, thanks for the compliment!
Dude -- this is MEGA helpful. And you're a great presenter!
Thank You Steve
I have been avoiding getting into containers due to the apparent complexity, however this video has convinced me to dive into them. Thanks Reza for another brilliant video.
Glad to hear that. Thanks for watching Tony.
Hey Reza, I have a quick question. At 17:06 you added items to the gallery control and only one item added. I tried that on my end and even though the wrap count is 1, it adds four items horizontally. Any tips on how to deal with it? Thanks
Hi. It looks like the gallery should be vertical, not horizontal.
Check pinned comment on video.
Amazing video as always. Thank you. I saw a transition on minutes 36:50 . You pass from regular gallery with arrow icon , to tiles. I really like the card/tiles that have the data on it . Please explain how you switch . Thank you again
Check pinned comment on video. It has link to download the Sample App demonstrated in the video.
Your video very helpful for everyone who is staring learn Power Apps, and useful for me to learn how to create power apps taps
Glad to hear that. Thank You for watching.
Excellent Video, it captures everything that as a beginner I am thinking 'what if'. Thank you.
So glad to hear that. Thanks for the feedback and thanks for watching.
Perfect. Needed this at this very time in history!!!! Thank you @Reza.
You are most welcome
Hi Reza, thanks for your great content.
I have a question around selecting a row on a gallery. I generally use a transparent button to fill the width & height of the gallery row. This provides a number of benefits:
- The cursor shows a hand for selection
- Set the buttons hover fill color - looks nice for users
Now my question is how can we do something similar for responsive galleries as setting the buttons flexible width property on fills a small area and turning this setting off and setting the width to span the entire row then pushes all the other controls underneath the button.
I know I can put an icon on the gallery row or make the button smaller but I was hoping to achieve the same functionality as non-responsive galleries. Any advice would be appreciated.
You can use the same transparent button logic.
Button width set to Parent.TemplateWidth and height as Parent.TemplateHeight
Thanks Raza, you explain it in very simple way
Thanks for liking
Your channel has helped me a lot to learn on Power Apps, thanks :)
Glad to hear that! Thank you for watching.
Thanks for this Reza. You're an excellent instructor!
Thanks Ted
Ευχαριστούμε!
Ευχαριστώ
Hi Reza, This is fabulous!
One thing I just can't get to work is the gallery parent height and the wrap 4 - for some reason it cramps it to the left but not sure why it does that.
Thank You.
The wrap count issue is a miss in the video.
Link to download the App - github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
@@RezaDorrani Thank you for sharing this link (I'm getting the same issue as everyone else) but I don't have a clue what I'm meant to be reading from that long list in your zip file??
@@jaimemkenyon Zip file is the app file. You dont have to read its contents. You have to import that file as an app. You can check documentation on how to import a zip file.
Reza you are not an ordinary person you're super man remembering the saying NOT ALL THE HEORS WEARS HAT
Thank You so much for your kind words 🙏
Great content as usual. Thanks for taking the time to create these videos for people like myself. I do have a question. I created a responsive application using your approach as the foundation. When the first tab is selected, I show a series of cards (gallery) of items that the user can filter and select from. For instance, they can see and filter a list of locations. When the user selects a location, the goal is to move them over to another "tab", essentially simulating the click function on the tabcontainer control. While I am able to get the tab to display, I am not able to figure out the code that would fill in the template color to give the user the appearance that they are on the selected tab.
Any suggestions on how I change the templatefill color, if the user is not directly selecting/clicking that control??? It works fine when they select/click the control using the code (if thisitem.selected, blue, white), but not sure how to make it work when I am redirecting them to the "Tab".
Thank You for liking the video.
I will have to look at your App in action to know the exact cause of your issue & provide any guidance.
I have made the sample App available on my GitHub repo at github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
I would also recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com
Amazing content as always Reza. Thank you so much
You’re most welcome
Reza, Reza, Reza, You did it again. Thank you!!!
Yes, Yes, Yes - Thank You 😊
Thanks Reza! Your tutorials are just amazing!
My pleasure!
Hi Reza, I agree, excellent videos! My question is, when setting the (varTabSelected) I do not have "ThisItem" as option. what am i doing wrong? Thanks in advance!
You must not be in the correct context of the gallery. ThisItem is a gallery property.
Check video again and see which control property is it being called in.
I would also recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com
This video is what I recommend newbies start with! I would have been so much further along in delivering beautiful apps had I came across this sooner! The app I am building now looks incredible. It fits all of my screens! There's no yucky grey area around it! I have to rebuild all of my others now! UGH!!!! Thank you Reza!
So glad to hear this!
Awesome! Flyout was just in time.
Welcome
Hi Reza, Thanks for the wonderful video, I love the way you teach in this video. Keep up the good work. It will be good if you could share some video with a scenario where One issue with multiple Task, Multiple Target date, Multiple Department has to be assigned.
Thanks.
I make videos on when I receive multiple requests on a topic. Every quarter I ask subscribers for topic suggestions on community tab of my channel. Most voted topics get added to my backlog. Make sure to post this idea whenever the next suggestion post comes out. If it gets max votes, I will add it to my backlog.
@@RezaDorrani - Sure,
HI Reza, i agree with everyone, your material is fantastique. I have a small problem though, when i am adding the rectangle, icon and label, power apps is automatically adding the 3 others tabs. So when i try to place the countrows in place. it's like it is considering the 4 tabs has only one and put them on top of each others at position number one. Any ideas where the problem can come from ? I did 3 times just to make sure it was not clicking error, same result. Thank in advance for your help.
Thank You Alain.
Yes, there is an issue with the wrap count.
Try setting wrap count as 1.
I have made sample App available for download at github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
@@RezaDorrani Hello Reza, thank you for this valuable vid. I am having the same issue as Alain Cote. However, when I sideload your zip on into my Teams I get this error "Manifest parsing has failed". Does someone manage to load the sample app successfully ?
@@tristangeoffroy9286 The App is a standalone canvas App. This is not a Teams based Power App solution.
@@RezaDorrani Thank you Resa.
Thanks Reza. This is really useful. However, when I use Preview App and resize the window towards phone size, it is "centering" the app, rather than yours which looks as though it is "left justified". Any ideas?
I will have to look at your App in action to provide any guidance.
I have provided the sample app for download at my GitHub repo at github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
I would recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com
Incredibly helpful video. Thank you Reza.
Glad it was helpful!
You just reached perfection thank you so much for this
You're welcome 😊
Once again amazing stuff, Reza! So many valuable information.
Glad it was helpful!
18:03 the formula has change for 2024 Powerapp version. "Parent.Height" doesnt work. All elements just clamp up at one corner after applying. The new formula should be:
If(
Self.Layout = Layout.Horizontal,
(Parent.Width - Self.TemplatePadding * (CountRows(Self.AllItems) - 1)) / CountRows(Self.AllItems),
Min(
320,
Self.Height - 60
)
)
18:55 WrapCount = CountRows(colTabs) doesnt work as of 2024. it only show 1 item in the gallery. Hence, it should be left at "1" by default. this works with the above script for TemplateSize.
The same app continues to work fine in 2024 as well. I used this App around a month ago during my training session.
Elements clamping in corner is not something I have experienced.
Wrapcount logic still works as expected. The gallery used in video was a vertical gallery.
@@RezaDorrani 14:42 You said to create a Horizontal Gallery not Vertical Gallery. I hav e follow every step and thus the script doesnt work until i figure another way to rework the script for Horizontal gallery as of 2024
@@RezaDorrani Your script works for Vertical Gallery, i have tested it out. Please help to edit your video (may be a pop up message box) such that at 14:42 viewers will choose vertical gallery instead of horizontal gallery. Thanks!
@@niu745 That was error in video editing. The gallery used was vertical.
Pinned comment on video has that called out.
@@RezaDorrani Thanks Reza for the prompt reply, wasn't expecting an reply from a video that is over 3 yr old. Appreciated your dedication!
at minute 18:42 my template go vertically not horizontally? how to fix
Check pinned comment on video.
Gallery was vertical and not horizontal.
Just on time! I am working on a similar implementation, this will help me a lot! Thks Reza!
Great!
Another Great Video. I learned PowerApps a few years back from the 'Service Desk template' and made my first App, will get an upgrade soon based on your video.
You are a great teacher as well. Thank you (Thumbs up)
That is awesome! Thank you so much for the amazing feedback & keep learning.
This is fantastic. You are a really good presenter and very efficient with the time. Its engaging all the way through.
Thank You for the amazing feedback. Much appreciated.
Awesome tutorial Reza. I have a question, I'm following all your steps (I'm newbie) and at 10:30 that you are reducing the width to me is not working, do you know why? I'm following every click you are doing.
Ensure you have turned off scale to fit in app settings.
Video description also has link to download sample App.
Thank you so much for detailed explanation, this video is very useful for everyone to create responsive app.
Glad it was helpful!
@14:39 The blank horizontal doesn't work with Wrap Count, I had to change to Blank Vertical in order to use the Wrap Count @18:31.
I made a mistake with the wrap count.
Here is the link to download the sample App - github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
I love this channel. Thanks for what you do!
Thank you
Great tutorial Reza, you da man!
Thanks
Thank you Reza I learn and enjoy your videos 😃
Most welcome
So happy to have you here!
Thanks 😊
Good evening Reza. I am stuck and I am hoping you can provide some guidance. I have a power apps gallery that uses your (varTabSelected) formulas noted in this video and it works great. The issue is that I am also using the filter (sortcolumn(filter.....)) formulas noted in your video titled "Power Apps Gallery Filter Pane | Multiple Filters." Separately they work fantastic, but I am having trouble combining the two so that they function together. Thoughts?
I would have to see your app in action or reproduce your scenario to know the reason why its not working. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Hey Reza, I was working on a canvas app with 5-6 screens which is targeted for mobile, tablets and laptops.
With just the container approach applied, the controls do become responsive. But what is the ideal way to apply responsiveness to all labels, buttons etc?
For example, a label at 30px on a laptop looks huge on a mobile, and maybe 15px would look better there.
Is there a one-stop solution for this where all controls can be formulated?
I wish there is a one stop shop solution. There is none.
That's the reason why I have built multiple videos on responsive design showing various options.
Check ruclips.net/p/PLTyFh-qDKAiHe6pHdlyBbRK1b44bNAAN_
Thanks again for all your videos Reza, appreciate all your efforts.
Didn't know TRANSPARENT was a value for the fill property of a button. Have always used RGBA(56, 96, 178, .01).
Both work. Transparent is just simple to use :)
Could this be applied to connect to several SP lists and document lists and dynamically filter them based on a common field in all of them? Say “Type” and your selection was “Escalation” on the first tab. Could all the corresponding tabs be filtered to only show where “escalation” was in the “type” column for several other lists that all have the “type” column? Similar to dynamic list filtering within SharePoint itself? Thanks!!!
Possible. You would need to apply that filter to tabs where those specific galleries exists. I do not have a video reference on this scenario though
Awesome Video on Power App Tabs.Keep it up,Thanks
Most welcome
Hello. Thank you for the great content!!! Can you describe how you filter the display gallery with the other two galleries?
Video description or pinned comment has link to download sample app. You can check the code :)
Great videos Reza. Quick question. I am building a very similar responsive gallery with tasks, but when I try to filter the tasks by the logged in user (which is compared to an 'Assigned To' column in my Sharepoint list which allows multiple people, I get a delegation warning. Is there a work around in a responsive power app. Your other videos demonstrate a hide rather than a filter feature, but I haven't found it usable with a responsive Power App. Any suggestions?
Thanks Jacob!
With SharePoint, multi select columns are not delegable. There is no perfect solution for it.
Reza thank you so much for your video. I am not able to get the VarTabSelected function 16:22 of your video...
Here is the link to download the sample App github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip
Hi Reza,
As always, thanks for your great video. Quick question, at 16:55 when you click the edit icon to edit the template of the gallery, the whole gallery was outlined as selected. When I did it, just a cell in the gallery was outlined. Where did I go wrong?
Video description (or pinned comment) has link to download sample app. You can check all the logic in the App.
Fantastic tutorial, have one doubt. What is the source or formula for Vartabselected.. which used in if calculation.
Pinned comment has link to download sample app.
As always great training! Question - What can I add to the Filter show all tickets when the 2 filter fields are blank? (selecting ALL Tickets) 35:38 in the video. The filter works fine, but I want to clear the filter and get all tickets with no filter. I have the drop down set to where I select a drop down value, then if I click it again, it goes away (is blank), but no records show when its blank.
Thank You.
For filtering scenarios, check ruclips.net/video/5dSk5iOgT68/видео.html
Your vdo is really helpful much. Thank you. Keep looking for your new vdo.
You are most welcome
Hey Reza, thank you very much for the video, I'm trying out this app but I'm getting an error for assigned to tab after i enter this line,Filter('Help Desk','Assigned to',Email = User().Email). please share column names you used for your sharepoint list
There is no easy way to share modern SharePoint list.
Assigned To is a person type column with internal name "AssignedTo"
First, thank you for your videos. I have been going through them and learning so much. I was thinking about something in regards to the responsive design aspects. is it possible to set up a landing page and depending on the size of the screen that it's being viewed on redirect it to a screen layout that is only for mobile devices? I have a landing page that I'm designing that is good for desktop but for mobile it doesn't need all the bells and whistles. So to offer a simplified version for mobile would be ideal.
Thank you for any insight that you can provide.
Ideally you should only have 1 landing page and depending upon the device user is accessing the app from, the screen resizes.
You can show and hide controls on screen based on dimensions as shown in the video.
Thank you so much Reza! This video is very good! But I have a question. I have also dynamic tabs like yours. And I want to hide a spesific button according to the user e-mail. As your case, for example, if you want to hide just "All Tickets" button according to user-email. How can I do this? Thanks you!
ruclips.net/video/fbDQH0vIsN8/видео.htmlsi=qK6V_62q-KuiKTpY
Hi Reza, thanks for this. Just a quick questions, how would you set this up so that this could be accessed by external users? So essentially, how would someone outside the organisation create new tickets using your powerapp?
You can share apps with external users (guest users) ruclips.net/video/NEM1StcJzUI/видео.html
You will need to ensure they have access to the data source + they will need license to access power apps either in your tenant or they can bring their own license.
@@RezaDorrani Thank you!
Thank you Reza Sir for your power apps videos
You are most welcome
Hi Reza. Is there a video on how you made this gallery with headers in Assigned to me tab? This is great looking like in excel sheet
Assigned me Tab is a data table.
But if you need an excel like grid, I have 4 videos on it.
Check ruclips.net/p/PLTyFh-qDKAiHeIy4xwTFpz_03poNzPuQU
Hi Reza, This Video was a great help!! Thank you so much!! I have a query. The redirection to the appropriate SharePoint list item is not being achieved when we click the buttons. I ensured i have an access to Sharepoint list and Select(Parent) is called in the OnSelect of the button. Am i missing something?
Not sure as I have not experienced this issue.
I will recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
One more Amazing Video Reza you are awesome
Thank you 👍
It is really amazing. I was trying to insert rich text field to insert paragraphs and tables. But it seems that power apps canvas does not support. How can get this done, any custom solution? Appreciate your guide.
There is a control of type rich text in Power Apps.
Is there a way to create a dynamic gallery showing rows and columns where the user can dynamically click & drag the columns to their needs?
Currently, no such option exists for galleries
This was increadible!! Thanks a lot ♥
Glad you liked it!
You are amazing, Reza.
Thank You Renato
Hi Reza, does this concept work for Powerapps for Teams as well. Seems like I am struggling to make my apps fit on a phone through the teams app. Thanks
The responsive containers are available in Dataverse for Teams as well.
@@RezaDorrani Thank you. One more question if you dont mind, I have just made an app in teams and when I open it on my mobile device, I get two scroll bars, one for the screen and one for the form. Is there a way to prevent this from hapening? Thanks
@@thechristianinitiative1445 The Teams App is not responsive by design. It partially uses the responsive containers.
Brilliant!!! Love wtching your videos.
Thank you Rohan
This was Great! thanks
sorry for so many questions, I have searched a lot but cant find it, do you have any videos or trainings on showing current forecast vs prior in galleries in power app?
I do not have a video reference on this. Best to check on forums.
I'm following every steps, but I think something is different, maybe because the version of PowerApp. When I set, TemplateSize to Parent.Heigh, it fits the width to 100 and not the height. 18:22
The gallery showcased in video is a vertical one. (Missed in video).
Check sample App: github.com/rdorrani/PowerApps/blob/master/ResponsiveAppSample_20210728204723.zip