Add A Container

Additional containers can be added inside the main containers on a page so a style can be applied to only one of them.

A style applied to a container affects all the elements within that container (gray rounded corner box is the current style selection available for a container).

Think of the main container as a box. If you apply the gray, everything inside is affected. If you want to add information that is not included inside the gray box, you need to have at least two separate containers inside the main container.

How to Add a Container

Click the container gear. Then click "Add Element."

Container: Add an Element

OR use the "Click to insert new element" link below the container.

Container: Insert New Element

In the Element Gallery, click "Layout Elements," then click "Container."

Container: Element Gallery

Add at least two containers inside the main container.
If you use the "Click to insert..." make sure you use the very bottom one.

Containers: Nested

Main container
  - container inside the main container
     - Click to insert new element in the inside container
  - container inside the main container
     - Click to insert new element in the inside container
Click to insert another new element in main container

 

If you've added one container, clicking the gear will display as follows:

Container: Edit

Applying Container Style of Gray Rounded Corner

If you've added one container, clicking the gear will display as follows:

Container: Edit

To apply the gray box style, click the "Style" button.

Container: Edit Style

Click the drop-down arrow next to Container -use default- and choose roundedCornerBox.

 Container: Rounded Corner Box

Container: Style Applied This shows the style applied to the main container.

To apply the gray box to an inside container, click the gear of one of the interior containers.

Container: Selected

Click "Style" and choose the roundedCornerBox.

Container: Edit Gray

Container: Gray Style1 This shows the style applied to the second container within the main container.

 

 

 

 

This shows the 3 containers (one outside and two inside) with the roundedCornerBox style applied to the second inside container and text elements added:

Container: Gray Style2 

which results in this: 

Container: Gray Style3


University of Wisconsin-River Falls
410 S. 3rd Street, River Falls WI 54022 USA
Campus Information 715-425-3911