Tabbed Callout Slider
For use in the full width area of containers.
The Tabbed Callout Slider widget is good to use for categories, glossaries or any time users need information on a few key topics. It features the ability to organize a list of short-form content in a small space with links and images.
Tabbed Callout Slider screenshot
Visual demo
Widget standards
- A layout is needed for this widget.
- This widget must be in a section
Do:
- Limited to three tabs.
- Background Image Size: 1200 x 900 - Ratio: 3:2
Do NOT:
- Stack multiple tabbed callouts on top of each other.
Written instructions
2. Click on the Layout tab and click on a Section to add a section to the page.
3. Click + Add widget.
4. Under Select Widget, click on Layout.
5. Find and select the Tabbed Callout Wrapper.
6. In the Title (H2) field, use the Content Block widget to add the title to your Tabbed Callout Slider.
7. Add the Tabbed Callout widget into the Tabbed Callout field. You can add up to three Tabbed Callout widgets.
8. Click on the pencil to edit the Tabbed Callout.
9. Enter your heading text - 50 characters max.
10. Enter your subheading text - 75 characters max.
11. Add your description - 200 characters max.
12. Select the link for your CTA and fill in the ADA Title for the button. CTA should be a max of 50 characters.
13. To add an image, click + under Image and select an image from the DAM. It should be 1200x900px.
14. Click "Save".
15. You've added the tabbed callout to your page.
Save and send
- If you'd like to continue working on this page, but need to save your progress, click Save as Draft.
- If you're finished making changes to the page, and the page is ready for review, click Send for Approval.
