May 3, 2020
Estimated Post Reading Time ~ 1 mins

Using the 2 Column Component

In the Sidekick, click to expand the Columns component grouping.

1416594614391

Drag and drop the 2 Columns component onto your page.

1416595305491
The 2 Columns component now will appear on your page.

1370884526401

By default, the columns are each at 50% in width. To edit this, click on Edit and choose an option from the drop down menu. Click OK when you are finished.
1370884150441

To add other components and content into the columns, you may drag and drop existing components on your page to move them, or create new components within the columns.

1416596008212

Below is an example of Text components placed in each column. You can place as many components within the columns, but note that column components cannot be nested (i.e., you cannot place a column component within another column component).

1416597080685

For more tips and examples of 2 Column component usage, see the 2 Columns Component page located under the Components section of this site.

Source: https://www.sfu.ca/cms/howto/basics/using_2column_component.html
aem4beginner.blogspot


By aem4beginner

No comments:

Post a Comment

If you have any doubts or questions, please let us know.

Ad Blocker Detected :(

Please consider supporting us by disabling your ad blocker.

Please Disable your adblocker and Refresh the page to view the site content.