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

Featured Slider
Example of "Feature slider".
Featured Slider
More details
Double Promo
Example of "Double promo".
Double Promo
More details
Donation Promo
Example of "Donation promo".
Donation Promo
More details
Side Content Promo
Example of "Side promo".
Side Content Promo
More details
Back to top