Tabbed Slider

A sliding component with tabs along the top. Different content is displayed when each tab is selected.

Overview

Category: Promos and Sliders

Here is a working example of Tabbed Slider. Its appearance will change in response to the size of your screen.

Example tabbed slider

Usage guidelines

  • Use to display a lot of content, under related sub-headings, without having to make the user scroll.Clicking the title of the tab displays its content underneath.
  • Each tab requires a title and body as a minimum, but more components such as Image (Landscape) and videos can be placed inside.

Placement

  • Place in the Body Content.

Editing and customisation

  • You can edit the heading and body for each tab (these are mandatory).
  • You can also have Media Gallery, Image Gallery, Video, Link, Image (Landscape), Content List and/or Dividing Line within a tab.

Related components

Hero Promo
Example of "Hero promo".
Hero Promo
More details
Donation Promo
Example of "Donation promo".
Donation Promo
More details
Media Slider
Example of "Media slider".
Media Slider
More details
Home Hero Slider
Example of "Home hero slider".
Home Hero Slider
More details
Back to top