VRT Carousel Examples
This page displays the different varieties of Carousel available on the Digital Commons platform. It serves as a baseline for visual regression testing when code is deployed to the platform. Note that not every combination shown is desirable or a best practice.
Container, Letterbox, 2 slides, autoplay
Column Paragraph
id=#B1
Container, Widescreen, 2 slides
Column Paragraph
id=#B2
Container, Widescreen, 2 slides, 1 hidden
Column Paragraph
If the first slide is hidden, none show unless manual navigation is used.
id=#B3
Container, Widescreen, 2 slides, 1 hidden
Column Paragraph
id=#B4
Container, Widescreen (Default)
Column Paragraph
id=#B5
Container, Widescreen (Default), no fields
Column Paragraph
id=#B6
Container, Letterbox, 1 slide
Column Paragraph
id=#B7
Full width, Widescreen
Column Paragraph
id=#B8
Container, Widescreen (Default), background image full bleed
Column Paragraph
id=#B9
Some white space
Full-width, Widescreen. Slide and background image both full bleed
Column Paragraph
id=#B10
Some white space
Container, Widescreen (Default), background image with no image style
Column Paragraph
id=#B11