Containers

Adding a container

You can drag any type of container onto your canvas from the Add panel. Under Layout Tools, you'll see Empty Boxes, Grids, Layouters, Repeaters, Lightboxes and Multi-State Boxes. The most basic type is an empty box.

Attaching elements

Drag elements into your container to attach them. Now when you move the container, all of the elements inside will move with it.

Selecting your container

If you've attached a few elements to your container, you can still select the container itself using the breadcrumbs model. Click anywhere on the container and hover over the blue text box. Select the word Container, then use the floating action bar to animate, add a comment and more. To adjust the design of your container, use the Design tab in the Inspector panel.

Setting sizing options

From the Inspector panel, under Sizing options, you can control the way your container—and the elements attached to it—resize in relation to each other, and to changes in the screen size.

Applying a grid

Apply a grid to your container to help structure the content inside it, and control the exact positioning of elements during resizing.

Overflow behavior

Decide how the container behaves in the case of content overflow. Select your container, then from the Inspector panel, under Overflow content, you can choose whether it will show all the content, hide some of it or scroll to reveal more.

Media fill

Fill your entire container with a stretched image. Drag the image inside the container to attach it, then click the Stretch icon in the top right.