The Tabs component is a way to organize content into related sections, within a shared container. Tabs are a good way to keep content length on a page shorter. Individual tabs may include other components like Text, Buttons (CTAs), Video, Images, etc. within them.
The Tab component should be limited to 2-4 tab items due to screen width constraints, particularly on mobile devices. Not all content will work well within tabs given their restricted space (height and width).
Tabs should be placed inside a Container set to Standard Width style (with Paintbrush). The Tabs main container itself has certain authorable Settings. Each individual tab within the container is also authorable. A "switcher" icon shown below allows selection of individual tabs for editing.
Tabs should be placed inside a Container set to "Standard Width". Use the Paintbrush icon on the Container to choose the width.
Drag Tabs component from left pane into Container
This is how Tabs look to start after added to page.
Settings - Rename Tab labels/titles
Add/Delete/Arrange Tabs
Add a New Tab. Use the "Container" option for flexibility.
First tab shows by default. If you want to load page with different Tab choose here.
Describe what this Tab section is detailing for people using Screen Readers.
Creates a clickable Download PDF link in the top/header of the Tab section.
Use the "Switcher" Icon to switch between the Tab panels you are editing.
Use the Add icon to place content (other components) inside the Tab container.
Insert - Click Tab container to add content within your Tab, as example Text or an Image or Button.
Example of a completed Tab with components inside, e.g. Text and a Button (CTA)
When using Text within a tab, you may choose 2 or 3 columns using the Paintbrush.
Please do not edit these examples.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eros nulla, fermentum at tellus in, mollis vestibulum dui. Nullam in neque condimentum odio pretium semper. Aliquam erat volutpat. Aliquam auctor quam vitae aliquam sagittis. Nunc id risus suscipit, pharetra eros at, feugiat erat. Maecenas nulla dui, egestas quis pretium commodo, dignissim non elit. Nunc nec lectus sollicitudin, posuere enim a, cursus sapien. Nulla ut porta elit, et varius nibh. Mauris eu orci dolor. Vivamus turpis erat, auctor vitae nulla nec, consectetur hendrerit est. Etiam in malesuada dui.
A tab can include images as shown here. Keep in mind that images present a challenge due to varying screen widths, especially on mobile. Only certain imagery will work well within a tab.
The MD-1366 uses the latest advanced modulation and coding technology, while also providing backwards interoperability with the majority of SCPC modems. It supports a large range of user data rates, from 64 Kbps up to 155 Mbps, and provides power and bandwidth efficiency with 16-ary modulation and turbo coding.
The EBEM modem comes in a standard strategic configuration (MD-1366/U) and a tactical configuration (MD-1366A/U) that is housed in a ruggedized chassis to support antenna handover mode when dual-antennas are required. If your mission requires a flexible, high bandwidth modem built for on-the-move, contested battlespaces, the MD-1366 is the modem for your real-time communications and fast decision-making needs.
Follow the link below to return to all components.
