Tabs
This block can be used to organize content into a tabbed navigation element.
Episerver Required Blocks
- Tab Container - Collection of tabs sections.
- Tabs Section - Tabs section that can be placed into a tabs group.
Before creating the tabs container block, you must first create the tabs section blocks to go inside of the tabs container. Additionally, for each tab section, you must create the blocks to display inside of the section when open.
Add To
Tabs Container
- The main content area on any content page
- Padding containers
Tabs Section
- Tabs
Fields & Configurations
Tabs Container
Property |
Configuration |
Validation |
|
Tab Sections |
Add tab section block references to the content area. |
|
|
Alignment |
Choose a value from the dropdown to determine the alignment of the tabs: left, center, or right-aligned. |
Required |
|
Title |
Add an optional value to display at the top of the tabs and above the optional body. |
|
|
Body |
Add an optional value to the text area to display beneath the title and above the tabs. |
Tabs Section
Property |
Configuration |
Validation |
|
Label |
Add text to display as a label on the tab. |
Required |
|
Content |
Add block references to display as the content on the tab. |
-
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.