Containers to Organize Your Visual Design

You are here:
< Back

Overview

Organize your screen into different sections by using Containers. Each container can have a unique combination of properties and components.  There are three different types of containers: Simple Containers, Horizontal Containers, and Web Containers.

Simple Containers

Simple containers can be used for three purposes: to organize, group and filter. Thier properties include coloring the container, adding and coloring borders, making the content scrollable either vertically or horizontally, rounding the corners with the Radius features and masking by using the Clip Children Feature which is supported on iOS only.  Android does not support masking or horizontal scrolling at this time.

Organize components in a simple container by adding, adjusting the component properties and setting their layout with respect to the inside of the container.

 

Group objects so you can move all objects around your screen together or copy and paste to other screens while maintaining the layout and properties of all components inside of that container.

Add a color filter to an image or video by dropping a simple container onto an image or video, adjust the size and select a background color and opacity.

 

Horizontal Containers

Horizontal containers allow you to place components next to each other in a container and applies an automatic size and position to all components placed inside. You can select how much space you want between each component and select the layout of the container, but you can not edit the layout of any components places inside of a horizontal container independently.

 

 

Web Containers

These work similarly to an iFrame. Web Containers allow you to display a webpage inside of your container.