Versions Compared
Key
- This line was added.
- This line was removed.
- Formatting was changed.
The Column Builder Component
The Column Builder is a component that allows editors to organize content similar to how it would appear in a table. Layouts containing columns display content side-by-side and is a layout often seen on websites, in magazines, in newspapers and more.
How to Add a Column Builder Component
Navigate to the page you've been authorized to edit. Click inside one of the empty gray placeholders. Click Add here.
Image Removed
Image Added
Click Column Builder and then click select to continue.
Image Removed
Image Added
Click Create New Builder.
Image Removed
Image Added
Select a Column Type from the drop-down menu.
Note | ||
---|---|---|
| ||
For the purpose of this tutorial, we will be selecting the Two Thirds and One Third option. |
Image Added
Image Removed
Click Add New Row.
Image Removed
Image Added
You will see the outline of the columns pop-up.
Image Removed
Image Added
Hover your mouse over the Two Thirds and One Third Title. The blue components box will appear. Click inside the box and change the words in the Heading.
Image Removed
Image Added
Click inside the text box (1). Then click the red icon (2).
Image Removed
Image Added
Make your text changes and then click Accept.
Image Removed
Image Added
Repeat the steps above to open the Rich Text Editor for the right-hand side One Third column. Click inside the text box and then click the red icon.
Image Removed
Image Added
The Rich Text Editor will display and content such as images or text can be added into the One Third column.
Example of how your page may look with text and images using a Column Builder. You can use the Move Up and Move Down arrows to change the order in the Column Builder.
Image Removed
Image Added
Welcome to Sitecore Editor Training (Home)
Page Tree | ||
---|---|---|
|