3-Across Layout Block
The 3-Across Layout block can be used to place 3 blocks side-by-side. You can add three blocks of the same kind or mix and match certain blocks together to achieve different looks.
Episerver Required Blocks
- 3-Across Layout
- Blocks to go in each of the 3 slots in the layout block
Add To
- The main content area on any content page
- A padding container
- A tabs section
- An accordion section
Blocks allowed in layout containers |
|
Examples
Full Overlay + Full Overlay + Full Overlay
The blocks shown below demonstrates a 3-acoss layout block with full overlays in each slot.
Image + Full Overlay + Image
The blocks shown below demonstrates a 3-acoss layout block with two images and a full overlay in each slot.
Image + Full Overlay + Image Carousel
The blocks shown below demonstrates a 3-acoss layout block with an image, full overlay, and image carousel in each slot.
Image + Full Overlay + Detail Card
The blocks shown below demonstrates a 3-acoss layout block with an image, full overlay, and detail card in each slot.
This is the sub-header.
This is the header.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
_Template Visible TextImage + Image + Image
The blocks shown below demonstrates a 3-acoss layout block with images in each slot.
Wyziwyg + Wyziwyg + Wyziwyg
The blocks shown below demonstrates a 3-acoss layout block with wyziwyg editor blocks in each slot.
HISTORY, PURPOSE AND USAGE
Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with:
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
The purpose of lorem ipsum is to create a natural looking block of text (sentence, paragraph, page, etc.) that doesn't distract from the layout. A practice not without controversy, laying out pages with meaningless filler text can be very useful when the focus is meant to be on design, not content.
HISTORY, PURPOSE AND USAGE
Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with:
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
The purpose of lorem ipsum is to create a natural looking block of text (sentence, paragraph, page, etc.) that doesn't distract from the layout. A practice not without controversy, laying out pages with meaningless filler text can be very useful when the focus is meant to be on design, not content.
HISTORY, PURPOSE AND USAGE
Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with:
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”
The purpose of lorem ipsum is to create a natural looking block of text (sentence, paragraph, page, etc.) that doesn't distract from the layout. A practice not without controversy, laying out pages with meaningless filler text can be very useful when the focus is meant to be on design, not content.
Contact Person + Contact Person + Contact Person
The blocks shown below demonstrates a 3-acoss layout block with a contact person block in each slot.
Paul McCartney
Bassist
Serving since 2020
614-555-5555 ext. 123
About Paul
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
John Lennon
Guitarist
Serving since 2020
About John
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Paul McCartney
Bassist
Serving since 2020
614-555-5555 ext. 123
About Paul
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Formatted Promo + Formatted Promo + Formatted Promo (Vertical)
The blocks shown below demonstrates a 3-acoss layout block with vertical formatted promos in each slot.
This is the Header
This is the caption.
This is the body.
This is the Header
This is the caption.
This is the body.
This is the Header
This is the caption.
This is the body.
Formatted Promo + Formatted Promo + Formatted Promo (Horizontal)
The blocks shown below demonstrates a 3-acoss layout block with horizontal formatted promos in each slot.
This is the Header
This is the caption.
This is the body.
This is the Header
This is the caption.
This is the body.
This is the Header
This is the caption.
This is the body.