Columns

Overview

Columns are an excellent way to break up your content into modules for easier consumption by the end user.  AEM provides several, easy to use layouts to present your content.  

Components include:

-  1 column

-  2 columns

       - 50/50

       - 25/75

       - 75/25

-  3 columns

-  4 coumns

 

Steps to create column layouts

  1.  Click "drag components here".
  2.  Select a column specific component (1 column, 2 column, etc.).
  3.  Click the column fields and begin adding your content, components, etc to achieve the layout you want.

One column

One column spands the width of the page's container

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc malesuada lacus magna, in congue odio hendrerit at. Nulla vestibulum ipsum a metus sollicitudin, non pretium est viverra. Aliquam dapibus rhoncus lacinia. Phasellus hendrerit lorem a efficitur iaculis. Donec feugiat erat eu felis feugiat, nec bibendum dolor congue. Nam non quam lectus. Mauris dictum metus libero, non rutrum nulla laoreet sit amet.

Two Column

This is a 50 / 50 column split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc malesuada lacus magna, in congue odio hendrerit at. Nulla vestibulum ipsum a metus sollicitudin, non pretium est viverra. Aliquam dapibus rhoncus lacinia. Phasellus hendrerit lorem a efficitur iaculis. Donec feugiat erat eu felis feugiat, nec bibendum dolor congue. Nam non quam lectus. Mauris dictum metus libero, non rutrum nulla laoreet sit amet.

This is a 1/3 - 2/3 two column split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc malesuada lacus magna, in congue odio hendrerit at. Nulla vestibulum ipsum a metus sollicitudin, non pretium est viverra. Aliquam dapibus rhoncus lacinia. Phasellus hendrerit lorem a efficitur iaculis. Donec feugiat erat eu felis feugiat, nec bibendum dolor congue. Nam non quam lectus. Mauris dictum metus libero, non rutrum nulla laoreet sit amet.

This is a 2/3 - 1/3 two column split

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc malesuada lacus magna, in congue odio hendrerit at. Nulla vestibulum ipsum a metus sollicitudin, non pretium est viverra. Aliquam dapibus rhoncus lacinia. Phasellus hendrerit lorem a efficitur iaculis. Donec feugiat erat eu felis feugiat, nec bibendum dolor congue. Nam non quam lectus. Mauris dictum metus libero, non rutrum nulla laoreet sit amet.

Three Column

1/3 column split

1/3 column split

1/3 column split

Four Column

1/4 column

1/4 column

1/4 column

1/4 column