Slideshow Block

Overview

Slideshow block is used to show multiple stories/images on a small portion of a screen. Here are several suggestions on when slideshow can be used:

Use when you need to capture attention using multiple stories and minimize screen real estate.
Use when you need to direct users’ attention toward stories that you have highlighted
Use when you want to allow users to skim through several stories without scrolling, doing any other mouse movements, or using any other input devices.

Contents:

Block customization options
Block examples:
- Slideshow with images, pagination and text on a light blue background
- Slideshow with images only

Block customization options:

Element	Required	Options Available
Reduce bottom padding	N	Checkbox
Background color	N	Light blue None
Aria label	Y	Text box
Slideshow items	N	Allows to add slideshow item blocks
Pagination prefix label	N	Page Image
Pagination previous label	Y	Text box
Pagination current and total label	N	Text box
Pagination next label	Y	Text box

Slideshow with images, pagination and text on a light blue background

Block above has these settings:

Element	Options Available
Reduce bottom padding	Not checked
Background color	Light blue
Aria label	Slideshow
Slideshow items	Each of the slide show items has: Heading text Heading Element Description Image Alternative text
Pagination prefix label	Page
Pagination previous label	Go to the previous slide
Pagination current and total label	None
Pagination next label	Go to the next slide

Slideshow with images only

Block above has these settings:

Element	Option Selected
Reduce bottom padding	Checked
Background color	None
Aria label	Slide show
Slideshow items	Each of the slide show items has: Image Alternative text
Pagination prefix label	Image
Pagination previous label	Previous
Pagination current and total label	None
Pagination next label	Next