# Container

![](https://2093598723-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FC2DgLBPTrwoEhWaU24LL%2Fuploads%2Fgit-blob-62b6139f785514045632ab2f35be5bc52c39c4e3%2Fcontainer-web-control-v180-0.png?alt=media)

The Container Web Control creates a container that can be used to segment or separate elements on a Web Page. Containers can be added to Web Pages or nested within many other Web Controls such as repeaters.

## General

### Control Properties

#### Aria Label

Expects type `text`.

Defines a value to the aria-label of the control for accessibility. For more information see [here](https://www.w3.org/TR/WCAG20-TECHS/ARIA14.html).

### Style and Layout

#### Distribute Children

This provides the ability to distribute the elements evenly in the container, based off of the selected setting.&#x20;

1. Distribution Box - Shows how children Controls are distributed by default and allows you to quickly change their position as a block within the Container.
2. Stack Horizontal - Aligns all children Web Controls horizontally.
3. Stack Vertical - Aligns all children Web Controls vertically.
4. Wrap - Specifies whether all children Web Controls should be wrapped inside the Parent or not.
5. Spacing Children - Configures how much space is taken around each child Web Control. Possible choices are to provide a Theme Variable, or an Airscript Expression. If providing an Airscript Expression, it must result in a string with a valid size.

For more information, see [Common Style Properties of Web Controls](web-controls-overview/common-style-properties-of-web-controls).

## Actions

#### Clicked

This event is run each time the container is clicked.

## Advanced

### State

#### Is Visible

Expects type `boolean`.

If `TRUE` the container will be visible. If `FALSE` the container will not be displayed. If the field is empty, the container will be visible.

## Example

The app builder may want to only display a set of elements if an app user has completed a previous field. Change the **Is Visible** property of the Container to evaluate to `ISNOTEMPTY`

![](https://2093598723-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FC2DgLBPTrwoEhWaU24LL%2Fuploads%2Fgit-blob-7eebea1872cbb2b5f6b661051eb91ccfc40bc22f%2Fcontainer-web-control-v180-1.png?alt=media)
