Power Apps Responsive Layout Design - Horizonal and Vertical - Part 1
Вставка
- Опубліковано 5 вер 2024
- Are you tired of choosing whether an app should be desktop or mobile? In this first of a multi-part series you will learn how Layout Containers let you build truly responsive apps. Horizontal and Vertical layouts, fill, stretch, and a bunch of other core concepts are covered in this video.
Part 2 here - • Power Apps Responsive ...
Power Apps Curated Library where you can download all of the apps - training.power...
I've been messing with this for a while with little success. Watching this video was like turning on the lights. Thanks Shane!
Awesome. Glad to help. 😀
Love your words that start at the 26:16 mark especially "built it wrong" and on. Great lesson for all of us.
Thanks James. Responsive is hard. 😐
I have been waffling on joining but honestly the fact that you are putting this out during Christmas makes me feel like it is time to pony up! Thank you for all you do Shane and really excited about subscribing to your service finally. It is still less than buying you all the coffee drinks I probably owe you for your knowledge over the years.
Thanks for the support Andrew. Because of all of the people like you I feel obligated at this point to put out my weekly videos no matter what. Over 60 😳 this year. Oh and Monday’s is going to be even more awesome I think.
I needed this video two days ago when I was trying to align a bunch of rectangles "by hand", LOL Thanks Shane, your videos set my OCD into overdrive and it drives my wife nuts!
Apologize to your better half for me. 🐶
hi Shane, I have learned Power Apps from edx taught by you and I am comfortable learning from you always. Great job, thanks! In this video, you are at the bottom right corner and we missed few width adjustments instruction where to do.
Very nice one Shane , looking forward for your next video.
Thanks. Hopefully next Monday.
Dang it you had to cover this when I am off from work 😋. Believe it or not, I have tried to build this functionality painstakingly using lots of formulas and containers (took a big hit with performance), and also by using the canvas control before the layout containers were available. It's exciting that we now have these features!
Well enjoy the week away from work. The video will be here when you get back. 😁
Finally! I was waiting for something like this for ages! Thanks, Shane!
Glad to help. 😀
Thanks Shane, I've avoided using responsive layouts as I couldn't figure out how to use it properly. I'm going to try it again.
Great to hear! My hope is by the time this series is over we all can make cool things with them.
Great video, very timely, I'm very happy that you're doing this with individual components, as I too don't use Forms. Just a comment on the Video, in some parts of the Video, when you were tweaking settings for individual elements, these were hidden behind your webcam image, so might be best to change these settings from the properties drop down in the top left corner for future videos
Sorry, I thought I caught all of my cover ups. Boo me :( Thanks for the heads up, I will be more careful next time. Thanks!
Thanks, Shane. This will really help me finally transfer my HTML/PHP web apps to power apps and make my life a lot easier. Up to today, I was even going to make one for tablet and one for a phone which would double the maintenance. Looking forward to the next video. I am already trying these new features on an app I am working on. Very exciting times. Just goes to show the effect covid is having when new powerapp features are my highlight of the week.
Awesome. Good luck. 🍀
Thanks Shane, great video as usual. Looking forward to the rest of the series. It seems my suggestion about rotation will be covered in the third video. I also agree responsive apps require a huge amount of time spent in landing the different layouts and build the associated logics, but at least these new containers are saving me a bit of time, even if not all the options are so intuitive. Thanks again Shane
Yeah, the changing the Direction from Horizontal to Vertical is causing me to think about a lot of things. I think it will all be awesome in the end but we will have to roll up our sleeves. Have a great day! 🐶
@@ShanesCows Thanks Shane. Have a great day!
Shane (sorry for this---->) MY MAAAAAAAAAAAAAAAAANNN!!!!!!!!! it's a couple of months that I'm more immersed in the other Power Platform products (especially PBI, and ETL methodologies), but after this video I'll throw everything away and start to play again with Powerapps!!! the perfect way to turn around this "fantastic" 2020 that we had :D thx for this explanation, and ofc Happy Hollidays!
Thanks and Happy Holidays right back at you! 🐶🥳
Great stuff Shane, I’m pretty new to Powerapps and I know trying to get apps to look good on all platforms was one of my major challenges. Looking forward to getting back to work to try this out and really looking forward to the other parts. Keep up the great work you are doing and Happy New Year to you, your family and team, stay safe.
Thanks Paul and Happy New Year!
Thanks Shane. I think this can be a game changer for me When I build PowerApps solutions. Just have to trial-and-error first :)
You can do it!
Thanks Shane, this is a great starting point for responsive designs and I can’t wait to see the next parts.
Glad you liked it! I am really hopeful part 2 happens next Monday. 😀
Shane, this is great! I can't wait for the next video. Do you have an idea when it will be posted? Do you have the list structure for the Employee list used in the Gallery + Form screen?
Next video is looking good for Monday morning. Hoping to record today. The employee list I never did share the exact structure. I guess I should at some point
Hello Shane. Thank you for the video! Really great!! One question, where can I find the app template you're talking about in the video and the third part of this series, is it available somewhere or is it no longer available? Many thanks and best regards, Kai
Hey Kai - They are part of the offering over at training.powerapps911.com/courses/video-library BUT since you are member here I will send you that one app. :) Email me shane at powerapps911 dot com
Thanks
Brill, Great feature, saves a lot of messing around, just wish I'd seen this a couple of days ago. :)
Sorry I am a slacker. 😂
You always make me happy with the videos and the good thing is the download in your site :)
Thanks for the support Peter. 🐶
Did you ever get to make next part in this series? Hoping for updates on responsive forms (actual form not using individual controls). I have a method that works pretty well but would like to see your methods too. Thanks.
Part 2 is here. ua-cam.com/video/--vx4zHdNZ8/v-deo.html Part 3 is still in my brain.
Great video, Mr. Shane.
Does anyone else notice a scaling issue when opening a Tablet canvas app on a phone? Like even though the fonts will be set to the same size as on a phone app, they just look scaled down. Hoping this new responsive method alleviates that. Ideally, the app will feel like a native phone app on a phone and a native tablet app on a tablet or web browser.
I am hopeful we can get there. In my header I played with setting font size based on screen size. I wonder if that will have to be the norm. Guess time will tell. So many buttons and knobs. Kind of like the bat cave I would imagine 😎
The best tip is the Container use! Wow! Thank you!! Also, can you make an existing App responsive or you need to recreate from the scratch and implement the tricks shown in this video before you do your building blocks?? Also, can you show this in real life Business case where there are Parent child data with Text Boxes and other information can be displayed using the techniques you are teaching us today?
Sue I have all of that planned in part 3, if I ever make part 3. So many videos to cover.
Hi Shane thanks for your videos, Your vídeos worth much more than any master I haven done 🙂. Just one question, I’m building apps for my family small business but so far the performance is very slow, and just with small amount of data, is there any way to improve the speed? Have you done any video about it or are you planning to do one? Thanks!
Hi Kath that is a loaded question. :) What is your data source? That is where I would start. This could be helpful. powerapps.microsoft.com/en-us/blog/performance-considerations-with-powerapps/ And this powerapps.microsoft.com/en-us/blog/powerapps-optimization-techniques/ and this powerapps.microsoft.com/en-us/blog/considerations-for-optimized-performance-in-power-apps/ I still have never really tackled the subject. I guess I should :)
you are a great teacher
Thanks 😊
Its really helpful. Awesome video and explanation.
Hey Shane, what approach should I take for an app that I've already mostly designed?
I would start with a new app. Design the containers and then cut and paste your controls in their new homes. I think. I haven’t fully moved an existing app so haven’t seen pros and cons.
Be good to show an example with a pdf viewer that scales based on screen orientation, I.e takes more space when in portrait.
I think that type of stuff will be in part 3. Part 2 did come out today if you missed it. ua-cam.com/video/--vx4zHdNZ8/v-deo.html
Thank you so much Sir. I like your content very much. Keep on making these beautiful videos for us. :)
Thank you for your great videos. Really helpful... I have a question - Isn't the responsiveness applicable for customized forms? Powerapps for customized forms don't seem to be responsive or am I missing some setting?
I think you would have to put them in a container first but not sure.
Hi Shane. I also used individual controls and patch. I would like to know if there is a video of yours to apply the same principle of New, Edit and View Form for the same screen. I'm new to this. I don't want to go back to Form to apply this
There isn't but there should be. Noted. :)
Hi Shane, how are you?
I was left with a doubt, could you help me?
What is the difference between condition and logical test in Power APps?
Great video!
I think of them as the same thing.
I cannot get this to work for long forms. All of the tutorials I can find are for short screen height forms.
Thanks Shane, this video, like all of them have been super helpful and easy to follow. I have a request....is there a way to use pen input over an image and then save the two together as one? Or something similar? Like if I had an outline of a body and need to mark on it where the injuries are within the app. Thanks!
Hey Mike. Yes, now the question is where did I show it? Found it. ua-cam.com/video/cUHerUeafQI/v-deo.html I made a video for this. I start at 25:45 mark and talk about exactly this.
@@ShanesCows, awesome. Thank you! Now i just need to combine the two so that I can create a PDF with all the data. I'm sure my tenant limits the use of different parts of Flow (third party things) so I might be stuck....but thanks again!
Fine! but the size of the screen doesn't fill all de window :(
Thank you so much it is really helpful 👍
You are welcome
Thanks Shane
You are welcome 🐶
Just brilliant, right!
Thanks 🤩
Does this work for customized list forms too?
Hey Shane how would you duplicate text that is inputted into a text box that's outside a form into the actual form? So created a few screens but did not realize I was not using form option. Came at the end and did a form now wondering how to connect them.
You could set the TextInput in the form data card to TextInput1.Text if that was the name of the control outside of the form. But I would probably rework the app instead of building that chaos.
@@ShanesCows Oy😭
Muy buen video.
Gracias
Obrigado pelo vídeo, me ajudou como posso melhorar meu app para mobile ou desktop
Any suggestions for how to connect LDAP with powerapp
I haven’t 😑
yeh boiiiii
😎
6'4? Dang. :)
Yeah, my parents must have fed me well. 😂
6’4”?!? I had you pegged at 5’8”...
Judging people base off these videos is so hard. 😁 Myabe one day people will meet in public again.
As usual clear and down to the point. Great tutorial Shane 😎
Although ya pal Reza Dorrani has put out a video covering the subject a month ago (ua-cam.com/video/bND8yN4jng0/v-deo.html) - I must say I find your way of explanation better conceived (hope Reza isn't offended 🙄).
Can't wait for the next videos about PA Containers 👍
I decided not to release one on the first day. I wanted more experience boa I could figure out the pieces and how to frame the story. 😎 Glad you liked it.
cant find container in my powerapps LOL :D am i blind?
Not sure why it isn’t showing for you. 😑
@@ShanesCows I need to turn it on in the Advanced settings :)
Just like flexbox (;