Power Apps Responsive Layout - SizeBreakPoints, Conditionals, and Components - Part 2

[@AshishJaiswal-br9wo]

Sir, we want the part 3 of this video - handling individual controls inside containers

[@ShanesCows]

I know. 😀 I need to revisit the topic for sure.

[@paulbruen3108]

@@ShanesCows Hey Shane - did you manage to create a Part 3 of this?

[@skyelincoln7296]

Yes, is there a part 3? I'm looking on how the individual controls work with SubmitForm? Also, thank you, your vids are so thorough!

[@bennasy23]

@Shane Young please create 3part

[@sanjayadsure]

@Shane Young: Please create 3 part having those controls you showed

[@johnmizell4683]

I just recently started designing apps in a responsive way; using conditional statements that rely on the screen width and height properties.. so tedious and not a reusable method. This method seems promising! As always, thank you for your guidance through the PowerApps universe!

[@ShanesCows]

Glad to help. 😀

[@sininv1]

Hi Shane, awaiting for your part 3.. Hope to hear from u soon. Great video. Thanks

[@mattharris8236]

I am trying this and I do not get the Size. I set the code with Parent.Size and size stays underlined and doesn't work. Any ideas?

[@nathanface8225]

Same issue here

[@rafaelmorales6736]

Thanks Shane, I see an easier future for me, instead of prepare three different apps (phone, tablet & pc) I can develop only one truly responsive. I will eagerly wait for your subsquent videos on this subject. Keep well.

[@ShanesCows]

That is the hope. I think there are still some challenges but we are getting closer for sure.

[@L-ps1003]

Has part three been posted? I can't seem to find it. Very helpful video!

[@ShanesCows]

I didn't get to part 3. Sorry, the video didn't get a lot of interest so I didn't keep going. :( What did I say would be in part 3? Maybe I can give you some hints.

[@ReinerKnudsen]

Great video - as always. I've been using containers for a while now and really appreciate their functionality. But together with your video on screen sizes and how you get them, containers really make sense :) Thanks, Shane.

[@ShanesCows]

Aweseome!

[@davidemercadante2406]

Great Video Shane. Wonderful user scenarios to apply, even if I am still struggling a bit using these new containers. They are not so intuitive. Looking forward to rest of the series

[@ShanesCows]

Hopefully next week we do part 3 that is more complex. Maybe go back and watch part 1 again? I agree this stuff is tough.

[@davidemercadante2406]

@@ShanesCows I have done it at least 3 times and it is not that I don’t get it, but there are so many things to take care of when using multiple especially because I use nested reference to parent dimensions, but I will get there the way I want one way or the other.

[@BONGRAKER]

Great video, very helpful. Eagerly awaiting part 3!

[@ShanesCows]

Me too John. There are still a bunch of little things that don't work great that keep me from continuing. But I will when theyget better.

[@MarieCastine]

@@ShanesCows Yes! Waiting on Part 3! I am having issues with cards and making it responsive so really need some guidance. Thank you!

[@brendanv666]

Thanks Shane. Been an amazing help with this video!

[@ShanesCows]

Great to hear!

[@martincoton6623]

Part 3 is going to be amazing! I tried this, but with a data source attached and couldn't get Components to recognise the data. Cool vids though, the containers were really useful.

[@notonurnelly]

Your right it is a bit Tricky and lots to think about , each time I try something another option springs to mind and I start having a play about with that sometimes successfully and sometimes not. Containers are a labyrinth and I'm hoping everything will just fall into place. I'm on my second watch of these video's and thanks for posting. Any news on when the 3rd installment is coming out, I'm really looking forward to it.

[@ShanesCows]

I keep thinkin about the 3rd but they are just a bit wonky still so I have a hard time getting to what I want the final product to be. Hopefully one day soonish

[@jeffreymartin5944]

Another great video Shane! This will be something my Team and I will be incorporating for our BYOD initiative which will allow for better user adoption to our apps. I do have a request if you could get some time to dig deeper in to would be the "GroupBy" in nested Galleries being able to select ALL and update the items of a given Item within the nested Gallery using ForAll. Your previous video, done some time ago, on GroupBy does not use nested Galleries (a gallery within a gallery) but instead uses separate Galleries. If you need a real world scenario I have one, everything is working except this last piece. As always, Great Job!!!

[@ShanesCows]

Hey Jeffrey how did you get the link to this video? I show it as still unlisted. 🤷‍♂️ I don’t care just really confused 🤷

[@ShanesCows]

Oh yeah and I hear you for GroupBy 😎

[@monroehorn4777]

Hello Shane. This is a great series. I was wondering, at one point you say that most of what you build uses fields and patching and not forms. Why is that? Is that a strategy you would recommend to people starting to use PowerApps? Thanks!

[@ShanesCows]

Forms are beat when you start and for simple apps. But the crazier the app the less likely forms will work. I never get to build easy apps anymore so no forms for me.

[@monroehorn4777]

@@ShanesCows thanks Shane. Good to know. I like patching because it seems to give more control, but I wanted to make sure I wasn't missing something important.

[@SadekInfos7392]

Hey Sir, can you do the part 3 for us, we are in need of knowing how to do nesting of containers. Big Thanks

[@larysarozmetaniuk3447]

Hi, Shane thanks for your work on this channel. I am looking up for way to speed up patching few lists from one button. It would be great if you would describe pros and cons of Concurrent function in Power Apps. Thanks

[@ShanesCows]

Noted. Thanks 🙏

[@vishaljhaveri7565]

Thank you sir. Nice video. Shane sir, please make part 3. I love the way you teach, sir.

[@bradarmstrong1747]

Ahhhh man. Went all the way though this. Parent.Size is defunct. What is the newest command to make this work @Shane?

[@ShanesCows]

Where are you trying to use Parent.size? Do you maybe have a different parent? I haven’t checked in a while but I don’t know anything about it changing

[@bradarmstrong1747]

@@ShanesCows I was building Trying to build my header and was hiding my logo. I got the red squiggly line after trying Parent.Size. Googled it and it seemed like it went away from my search.

[@munkybutler1]

Thanks Shane, I'm loving these containers, it seems like they are a must when building Power Apps in Dataverse for Teams. Really looking forward to video number 3.

[@nigelprice9474]

HI Shane have you worked out how to do tabs when using the responsive layouts ? I have not. the second tab always starts half way down the page. i used your video on tabs layout. Thanks Nigel

[@ShanesCows]

Hey Nigel. I haven't tried that one yet. 😐 I will keep my eyes out for how to do it next time I am in there playing.

[@TyRey]

Great one and gave me some ideas. Looking forward to the next one as I can definitely use that!

[@ShanesCows]

Glad it was helpful!

[@shikasam8491]

Hey Shane, 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?

[@ShanesCows]

Nope, just lots of manual little changes.

[@davidgraf8012]

Thanks so much for this video. I would like to see you do a video on how to move items on forms. It's not at all easy (especially compared to other tools like Microsoft Access) to position fields on screens. I can't do drag and drop to any great extent doing screens on PowerApps. Any suggestions would be definitely appreciated.

[@ShanesCows]

I do need to do an update to form fun. 🐶

[@cahebding]

Yes, with these new layout containers, the Form control is even more difficult to use. Width Fit for the cards within the form stretch way too far and do not seem to be responding correcting to the rest of the layout. For now, decided to just use containers to build fake forms.

[@RutgerVerhaar]

Hi Shane, I was wondering, is it possible to stack multiple forms and galleries over each other in a vertical or horizontal container and show each form/gallery based on logic? I'm currently adding a responsive filter to my app and therefore need to convert all static forms/galleries I've used so far to be nested in containers. Haven't had any luck so far.. Do you have any tips?

[@nunocorreia6876]

Hi Shane. Thanks for sharing! You already know when you'll post the part 3? :D Thanks!

[@ShanesCows]

I don't know yet. Still some bugs that "bug" me. Hoping to sort them before part 3.

[@DanielADamico]

Awesome Video Shane! Thanks for sharing!

[@ShanesCows]

Thanks for watching!

[@shred221]

Hey Shane, love your videos - I've learned a ton from them all! Quick question about screen size. I thought the SizeBreakpoints would address, but it isn't working as expected. Currently have a canvas app set to 4:3 (iPad). When editing, the size is fine and scaled properly (768x1024). However, when I publish the app, it scales to fit the entire screen, and looks completely distorted. I've tried every combination of the Advanced settings (Scale to fit, Lock aspect ratio, Lock orientation -- all on, all off, etc.), but it's still stretched. Any suggestions? Thanks!

[@ShanesCows]

Sorry I am slow. Hopefully you got this figured out. Boo me.

[@krumpnutz]

Shane, any idea when part 3 will come out? Thanks!

[@ShanesCows]

Still not sure. It has a bunch of little issues that are holding me back.

[@MarieCastine]

@@ShanesCows you mention that these files are in the Curated PowerApps Video Library but it only has the header component. Would you be able to add the form you are showing in the video to the library please??

[@TheShubham743]

Awesome Video

[@ShanesCows]

Thanks 🙏

[@galinagolant]

Thank you for the video. But I can't make my applications responsive. I am missing smth basic. I set up all component's widths to be related to Parent.Width (Parent.Width/2 for data cards or Parent.Width - 50 for label or text fields or ...). And my screen width Max(App.MinScreenWidth, App.Width) Everything looks ugly and doesn't resize. Any suggestions? THANK YOU!!!!

[@ShanesCows]

Did you also watch part 1? kzbin.info/www/bejne/faPXq3SnpqmahJo

[@galinagolant]

@@ShanesCows yes. So I should move my form and everything to container. Yes?

[@ShanesCows]

Yes. At the end of the day the screen should be a container with containers inside it. Then your pieces.

[@Slash1066]

Some interesting information here, good work as always Shane

[@ShanesCows]

Thanks Matt

[@rowlandjones3872]

Hi Shane, can you send me the link to the part 3 of this series

[@ShanesCows]

Still hasn’t been made. 😑 It just hasn’t came out of my brain yet.

[@vishaljhaveri7565]

How to set the navigation of the back button? You didn't show it sir. I want it to work that as my home button. Made an input property, passed my screen name, but it does not work. Any clue sir?

[@nottydread]

Brilliant, many thanks.

[@ShanesCows]

Happy to help

[@nottydread]

@@ShanesCows Where did part 3 go, I can't find it?

[@isabellejuffermans7175]

hi - same here :) - how do you filter a gallery that is inside a container ? tried the dropdown in the screen, then in a header but nothing works - dummy feeling ... thanks anyway for all

[@jayashreedakshina5240]

Hi Shane, is there a way to increase the logo size as we increase the screen size? Wanna make the logo prominent

[@ShanesCows]

You can put If formulas for the Width and Height properties of the logo.

[@paulkroon]

He Shane, nice video accept for the fact that I think this won't work if I am right ;-). Reason is that you would like to use this to build apps for tablet and phone but the breakpoints will change to mobile breakpoints with different dimensions if you run the app on mobile. You will notice this when you go to inspect and switch to mobile display. So I would say the breakpoints should be determined on the chosen app layout instead of based on the device for them to be really functional. Maybe you could inform the team of this behaviour, so they can fix this. Thanks.

[@paulkroon]

Of course I would love to hear if I am wrong here.

I understood that responsiveness is by design adaptive to screen size so no matter what device you use. You build one app which looks different based on available screen real estate not the type of device. Keywords are breakpoints and graceful degradation imho.

[@ShanesCows]

Hey Paul - I took this app and tested it on my desktop and phone and it did what I expected? Are you seeing something different?

[@paulkroon]

@@ShanesCows he Shane, you were right, indeed I works as you would expect. Probably the Team has updated this recently, because I did research on this just a few weeks ago. Great to find out that this now works because if your video. Thanks.

[@sundrapillay6668]

HI Shane great video thanks

[@ShanesCows]

Glad you enjoyed it

[@tamannagupta4685]

Can you make a complete Responsive form without the bottom container

[@ShanesCows]

I don’t see why not.

[@tamannagupta4685]

Like i have three buttons at the bottom of the form I’ve taken only one vertical container and inside that added a form I’m having trouble fixing the three buttons and getting them responsive can you help with that?

[@carolinepower5399]

Great video! Will there third part soon?

[@ShanesCows]

Working on it! The problem is there is a bunch of little stuff I want them to "fix" before I make it. Not sure they will so might just have to do part 3.

[@carolinepower5399]

@@ShanesCows really looking forward to it! I need to figure out how to make my form responsive, without the form component.. And yours was very nice apparently!

[@greg2kdotcom]

Nice haircut and a Happy New Year!

[@ShanesCows]

Thanks and Happy New Year to you! 😎🐶

[@ponto.central]

Sensacional!

[@ShanesCows]

Thanks!

[@larryburgess3814]

Looking for part 3....

[@louiscutmore]

Brilliant!

[@ShanesCows]

Thanks Louis 🐶

[@PraveenJourneys]

when will part 3 will be uploaded

[@ShanesCows]

Not sure. Still frustrated by it so I keep putting off the video b