Teaser Title | Teaser Text | Pictures and Media | Items | CTAs | |
C016 Collection | No | No | No | Yes | No |
| Added Components | Yes (the text to appear on the tabs*) | -- | -- | -- | -- |
Image renders per component added in the list of items. (i.e. if a C010 is added, it will render with the image as all other C010s.)
The Horizontal Tabs contain a recommended 5-6 subject tabs across the top of the component area, with the ability to scroll forward to access more tabbed. Content authors can embed any available components into each of the tabs. This component includes a headline above the tabs. On click or on tap, each tab can contain a combination of copy blocks, images or videos.
WARNING: while an author can drop any component into the C016, not all components style perfectly. The primary issue is that padding (white space) at the top and sides of many components is not enough to give room for text margins. If a component does not style well, an author should request their Content Governance representative to enter a request ticket to have the component adjusted.
Nothing is required in the C016 Collection other than the teasable Item(s) you are using for the content of this component and setting the Layout Variant to C016.
On the Content Tab (generally in a collection), include a Teaser Title per component added in the list of items (rendered as Tabs) that will appear on the C016 component. Although there is no limit on the number of tabs that can be added, but the ideal number is anywhere between 5 - 6 items (Subject tabs) are the recommended. A component added to the horizontal tabs will render as that component. Fields need to be filled in for that particular component variant.
Your Component should contain the following for purposes of styling in the C016:
This component does not have captions. Authors have the option to modify the Background Color section under the Content tab of the Collection. Recent updates enabled tab to highlight upon hover. Slider with left and right vector icons display when there are about six subject tabs on the component. However, if there are 5 and below subject tabs, only the line slider displays.
