Create a container for other components.
A container acts as a vessel for other components, allowing you to group them together and treat them as a single unit. Dividing your design into sections using containers allows you to quickly re-arrange the larger blocks of your design without re-positioning individual components. Additionally, a container can be configured to allow scrolling of its contents when needed.
Containers are particularly useful when working with states. Dynamically hiding and showing a container will also hide and show the components inside it. This makes containers helpful for creating pop-up windows and tabbed panels.
You add components to a container by dragging them inside its borders. In the Component Outline, the added components appear as children of the parent container.
Locking the position of a container prevents it from being moved around on the canvas, but you can still add, remove and reposition its contents. Using this technique, you can “carve out” sections of your design using position-locked containers. Each section acts like its own miniature canvas.
Locking the contents of a container prevents the components inside from being modified. Using this technique, you can move a container as a single unit on the canvas, without fear of accidentally modifying the components inside.