This component has two configuration options. The first configuration is the Two Column Content component. This component was created to allow for two columns of text.

The second is the Two Column Picture Content component. This component was created to be a gallery style display and builds on the template of the first configuration.

These components allow editors to place an image on their site page with text beside it.

Picture demonstrating which template to select for the two column picture component

Image demonstrating the name of the second component configuration

Two Column Content Configuration

The Two Column Content Configuration allows for editors to create two basic columns for content.

Layout

Editors can alter the layout of the Two Column Content component. One configuration is 50/50 with each column taking up equal space. The other alternative is 30/70, with one column taking up less space than the other.

Demonstrating the layout configuration

Left and Right Aligned Content

This section allows editors to insert content, including text, pictures and video into each column.

Image depicting content boxes for left and right alignment

Space Between

This configuration allows editors to alter the amount of space between the columns.

Image demonstrating the space in between columns configuration

Margins

This configuration allows editors to add padding above and below the component to add to the style of the website page.

Image depicts settings used to alter the margins of the component

Component Tutorial

Two Column Picture Content Configuration

The Two Column Picture Content Configuration allows for editors to create two columns for content that can be configured into a gallery style with images.

Column Heading

Put the title of your component here

Column Text

Editors can use this function to insert text into the columns.

Image depicts ability to add text to the two column picture content component

Formatted Text

This feature of the component can be activated to engage WYSIWYG features to create a gallery style. You can insert an image in the Formatted Text to have two columns of images.

Image demonstrated ability to use WYSIWYG features

Column Image

You can choose an image to appear in one of the columns. If you put an image in the WYSIWYG box, this picture will appear in the right column.

Displaying where to input an image on this component

Alignment of Picture

This feature can be used to alter the alignment of your image.

Diplaying how to change the alignment of the picture