Skip to content
Kunal Kankariya
  • Home
  • About
Search

Home » Power Apps – Group vs Container Control

Container Control Power Apps

Power Apps – Group vs Container Control

7 Comments / Power Apps / June 9, 2020 July 16, 2020

We have a new “Container” control in Power Apps canvas apps that enables us to group controls that live inside that container.

Okay, Wait! Didn’t we have a similar feature already that allowed us to group controls by adding a “Group” around them? I had the exact same question when I first came across this new control. 

Let’s see the difference between two grouping features, group and container control in Power Apps canvas apps and how they complement each other.

Note : Container control is an experimental feature and needs to be enabled via the advanced settings of the app. These features might change, break or disappear at any time and shouldn’t be used in a production setup.

Group is a concept and Container is a control

Group when applied to a set of controls don’t affect the layout of the screen. Meaning, they don’t add any element to the DOM.

Container when applied to a set of controls adds a ‘div’ element that wraps all the controls inside that container.

1

Tab Index Behaviour

Container can be used if you need to make sure that the tab action goes through the controls inside the container first and then proceed to controls outside the container. With a group you can’t enforce such behaviour.

tab order

Control Positioning

Controls inside a container can only be positioned within that container and the position (X,Y values) of the controls is relative to the container.

Controls inside a group can be positioned anywhere on screen and the position (X,Y values) of the controls is relative to screen.

If a control inside a container is positioned such that it goes beyond the boundary of the container then the control will not be visible on the screen.

Control Properties

Controls within a group inherit their property values from the group’s properties when you apply them at the group level. However, you are allowed to change properties of individual controls as well.

Controls withing a container don’t inherit properties of the container.

properties

Nesting of objects

container control nesting  

Groups can’t be nested – We can’t add a group within a group, whereas, containers can be nested.

Remember, I also talked about how groups and containers complement each other. This is possible as we can have multiple groups within a container. Also, multiple containers can be grouped as well.

Add new controls to containers

Controls can be added into a container by cutting and pasting them into a container. In group, you can’t add a new control directly.

As you have seen above, depending on the use case and the differences in mind, one can choose between a container or a group or even use them both in a Power Apps canvas app.

Oh hi there! 👋
It’s nice to meet you.

Subscribe to receive awesome content in your inbox, every week.

I don’t spam! Read my privacy policy for more info.

Thank you! Check your inbox or spam folder to confirm your subscription.

Spread the love

Related Posts:

  • Power Apps Build Tools - Automate ALM
    Power Apps Build Tools - Automate ALM
  • Configure a Teams App with Power Apps and SharePoint as two separate tabs
    Configure a Teams App with Power Apps and SharePoint as two…
  • How to trigger a Power Automate flow from a Power Virtual Agent bot
    How to trigger a Power Automate flow from a Power Virtual…
  • Azure Logic Apps - Computer Vision - Microsoft User Research Study
    Azure Logic Apps - Computer Vision - Microsoft User Research…
  • Power Virtual Agent - Build and publish bot to your website
    Power Virtual Agent - Build and publish bot to your website
  • How To Publish Power Virtual Agent Bot to a custom website
    How To Publish Power Virtual Agent Bot to a custom website

Post navigation

← Previous Post
Next Post →

7 thoughts on “Power Apps – Group vs Container Control”

  1. Chris
    June 10, 2020 at 7:41 am

    A very helpful comparison – thanks

    Reply
    1. Kunal Kankariya
      June 10, 2020 at 9:12 am

      Thanks you Chris!

      Reply
  2. Rahul Gupta
    June 17, 2020 at 8:10 am

    Great post

    Reply
    1. Kunal Kankariya
      June 17, 2020 at 4:25 pm

      Thanks Rahul 🙂

      Reply
  3. Manoj Vashist
    June 28, 2020 at 1:39 pm

    The comparison was quite detailed and informative.

    Reply
    1. Kunal Kankariya
      June 28, 2020 at 5:18 pm

      Thanks Manoj.

      Reply
  4. Darryl
    December 9, 2022 at 7:24 pm

    Thanks very much!

    Reply

Leave a Comment Cancel Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Connect

Categories

  • .Net (2)
  • Authentication (2)
  • Azure Logic Apps (1)
  • Information Governance (1)
  • Information Protection (3)
  • Microsoft Teams (1)
  • msal (2)
  • Power Apps (6)
  • Power Automate (1)
  • Power Virtual Agent (3)
  • SharePoint (5)

Tag Cloud

AAD ALM Azure Azure App Azure DevOps Azure Logic Apps Bot browserautherror Build Tools canvas app CDS Computer Vision container controls Custom Connector Excel group Information governance Information protection Lists m365 microsoft 365 Microsoft Information Protection MIP msal msal-broswer MS Teams oAuth Office 365 Plans Power Apps PowerApps Power Automate Power Platform Power Virtual Agent Pricing PVA Secure security & compliance Sensitivity Labels SharePoint Spfx Web API webinar webparts
Copyright © 2023 Kunal Kankariya
  • Privacy Policy
  • Home
  • About
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkPrivacy policy