Great content, I always struggle to manage my groups and containers will definitely make my live easier :) Congrats for publishing your first video, I liked it!
great video !! i underestime container, but in my case where are have groups of component that i need to hide / show based on some variables, containers are gold !
Great video! Thanks a lot! It was excatly what I was looking for, struggling with my X and Y. As I'm all for organized that's well down my street! Loved the boys becoming 1 boy, too. :D
Hey nice video. I am trying to use containers to organise data on the screen and make it responsive, but I am having so much trouble! So I have a first level container on the screen, and that is a vertical container (header, main, footer). In the main element, I added a horizontal container. The purpose of this container is so that I can add multiple vertical containers into it. Each vertical containers will containts a group of related data. E.g. one group would be Request Summary, and next group might be Requester Details, then next group some other data. There are around 5 groups. So the idea is that on a desktop, the groups may go across the horizontal container, and if I resize down the the width of the screen, the groups will start to wrap so they become on top of each other. The problem is that the vertical containers (group containers) do not maintain their height when the app is shown on mobile devices. A group may have up to 7 fields and the desktop has enough height to show the data, but on mobile phone, the height of all groups are changed to fit into the mobile screen instead of maintaining their height and let user to scroll the mobile screen to see them. I wonder if what I'm trying to do is actually acrhievable using containers?
From what I'm understanding, it sounds like you should be able to accomplish your goal with a little configuration! This is probably easiest to go over on our monthly Office Hours stream - www.bulb.digital/office-hours - submit this as a question and we can see what's going on together in real-time! If you register (for free) at the bottom of that page, you'll be able to share your screen & chat via Teams, if needed.
@@BulbDigitalThank you so much for the offer! I have also just realised what configuration I had missed. For each of the vertical containers in the horizontal container, I need to set their 'Align in container' to 'Custom' instead of 'Set by container'. Then I can fix their height for them to retain that height in mobile view! Subscribed to your M365 Tips emails and book marking your site.
thank you for this video; however, every time I select the container and click Insert from the top menu and insert an Edit Form, this Edit form goes directly to the root of the tree, outside of the container. Do we need to unlock the container or something like that? If I insert a text label or any other input, it goes inside the container.
Hmm, you should be able to add it, and I haven't been able to recreate this issue, unfortunately. When you add a new container and it's empty, try using the plus (+) button inside the container to add your Edit Form. Does that work for you?
Thanks for great and well explained video :) Is it possible to programmatically reorder the components in a directional container? Any other ideas to accomplish this ?
It's not possible to do in a directional container in a "reasonable" way - however, you could accomplish this with other components and some creativity. For a Gallery, you could use a collection of items that is dynamically sorted for your needs. For a Form, you can leverage the X and Y properties on the Data Card itself. There are other controls you could use that might accomplish this, such as the Tab List or List Box. If those don't work for you, you could create multiple variations of your directional container that show or hide based on conditions.
Great video! Could you also please share if you know a way to use containers to group multiple Datacards in an Edit Form in Canvas apps? I have been able to put multiple entities inside a Datacard into a basic container but never the Datacard itself. Need help for this urgently for a project. Thanks!
Thanks! Unfortunately, datacards can't be removed or copied from forms, since they make up the form itself. And, unfortunately, containers are not able to be added inside a form, either. With this limitation, maybe there is another way to accomplish what you need? For example, if you need to toggle visibility, you could use a variable in the datacard's visibility property. Or if you need to span multiple pages, you could use two forms and set the second one's Item property to Form1.Updates.
That's a great use of containers, we have a Short that should help you out. In it, we set the Visibility property of the container to a context variable and toggle the value in the On Select of the button. Check it out and let us know if you still need some help: ru-vid.comeApVqyjf_WI
I think we need a little more information to be able to help you with this one. Would you be able to upload a screenshot of your Power Apps Studio screen to Imgur or another photo hosting site and share it with us? It would be helpful to include the left side Tree View and the Properties pane on the right side of the screen.