Two-Thirds Sublayout Section
This area of the page contains a Two-Thirds Sublayout section. The right column of this section contains a Contextual Navigation component. The left column of this section contains examples of Mixed Content Grid containers with Mixed Content components. The Mixed Content Grid containers seen below can also be used in a full-width section or on a basic Page layout. They resize to fill the content area.
Mixed Content Grid containers with Mixed Content components
Mixed Content Grid - 1 Column
Mixed Content Title B
In this case the green line has been removed, a video is in the image placeholder on the left and the text is on the right.
Mixed Content Grid - 2 Columns
Mixed Content Title A
This is the body text. The optional image space above can also contain a video. Any text fields, like a link, that are left empty are omitted in preview or published views.
Mixed Content Title B
This is the body text. The optional image space above can also contain a video. Any text fields left empty are omitted in preview or published views.
Mixed Content Grid - 3 Columns
Mixed Content A
This is the body text. The optional image space above can also contain a video.
Mixed Content B
This is the body text. The optional image space above can also contain a video.
Mixed Content C
This is the body text. The optional image space above can also contain a video.
This is the caption field of an Aside component.
Full-Width Section
This section is below the Two-Thirds Sublayout section. This is now a full-width webpage area used to demonstrate the Mixed Content Full-Width container and Mixed Content components. Mixed Content Full Bleed containers do not have padding. The components will touch against whatever component they are positioned near, unless padding is added using the Styling options in the right-side menu.
Mixed Content Full Bleed Containers
Mixed Content Full Bleed
This is the Image on Right variant with no button.