Column Layout elements add two, three, or four columns to any layout section in Composer, including 2 Column, 2 Column Wide Left, 2 Column Wide Right, 3 Column, and 4 Column variants. Add them from the Layout tab; any other element can be dropped into each column.
💡Quick answers
- Where are Column Layouts in the Element Library? On the Layout tab.
- Switching between Column Layout types? Hover over the element and click the Layout Options button at the top right. The Element Layout and Appearance menu lets you pick a new layout.
- Can a Column Layout element move between page-layout boxes? Yes. Unlike standard Page Layout boxes, Column Layout elements can be dragged and dropped between boxes.
- What happens when a Column Layout element is deleted? Every element inside it is deleted along with it. Move important content out first.
- Is it possible to nest Column Layouts inside each other? Technically yes, but the resulting columns are usually too narrow to work well. Avoid nesting.
What are Elements?
Elements are the fundamental building blocks of your Composer pages. Learn more about how elements work in the article, "Understanding elements" and read about each of the 5 tabs in the element library: Standard, Module, Layout, Social, and Shared.
Column Layout elements give you more control over the layout and arrangement of elements on your pages. In addition to adding multiple columns to a page through the Page Layout and Appearance menu, you can add two, three, or four columns to any layout section. Two-column layouts are available in "Wide Left" and "Wide Right" styles.
- Once you've added a Column Layout to your page, you can add any element to each of the columns.
- You could even add another Column Layout element, but at that point the columns would almost always be too narrow to function well.
- Unlike standard Page Layout boxes, it's possible to move a Column Layout element between boxes by dragging and dropping.
- You can also delete a Column Layout element - but keep in mind that doing so will also delete any elements inside of it.
Element Settings
Column elements do not have any customization options beyond the common element settings.
To switch between Column Layout element types, use the Layout Options button at the top right of the element when you hover over it. This opens the Element Layout and Appearance menu, where you can easily choose a new layout for your columns.
Comments
Please Sign in to leave a comment if you don't see the comment box below.