Containers

Description

The Container widget allows you to create additional rows and columns where you might not otherwise be able to do so on a page. Containers hold other objects or content such as text, media, or even other widgets. Perhaps an easier way to visualize a container is to think of the basic page grid layout, when placing a container within a cell or row/column you are adding another grid layout within that cell or row/column. This will give you finer control over content placement on a page.

For example, if you have a Basic Page and on that page you have two columns with the left column being larger and you would like the right column to act as a sidebar where you may insert additional widgets or formatted content. However, if you had a block of text spanning multiple paragraphs in a row in the left column, the corresponding row on the right column would be of equal size which could only have one widget within that space.

A solution to that problem would be to use a Container in the right column. With a Container, you would be able to insert multiple rows within the same space as the left column row is occupying. This would allow for the placement of multiple widgets and text to create the illusion of a sidebar on the page.

How-to

To create a new Container widget you must first select the parent folder (We recommend adding it to container in the widgets folder). Then head to the "New" dropdown menu in the upper left and select Widgets>>Container. This will create a new Container widget in the selected parent folder. Select your new Container widget page and select "edit", you may now configure your new widget.

Because of the way Containers function, you may treat them the same as you would for a body row/column. In each body>>row of a container you may insert rich text or a widget.

Form Fields

Display Text:

• Specify text to display for the widget

Background

• Show Background:
  • Toggle visibility of the background for the widget

Column (Multiple)

• Row (Multiple)
  • Rich Text:
    • Insert formatted text and content
  • Widget:
    • Specify a widget to include in the column

Color Codes

• Yellow Title Background - #C93
• Title Text - white
• Text - black
• Grey Background - #EFEFEF