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
All default fields used
Ut quis tellus sed dui gravida convallis at quis risus.
Link Text
Only the text field is filled.
id=#B1
Container, Widescreen, 2 slides, 1 hidden
If the first slide is hidden, none show unless manual navigation is used.
id=#B3
Container, Widescreen, 2 slides, 1 hidden
id=#B4
Container, Widescreen (Default)
All default fields used
Ut quis tellus sed dui gravida convallis at quis risus.
Link Textid=#B5
Container, Widescreen (Default), no fields
id=#B6
Container, Letterbox, 1 slide
All default fields used
Ut quis tellus sed dui gravida convallis at quis risus.
Link Textid=#B7
Full width, Widescreen
All default fields used
Ut quis tellus sed dui gravida convallis at quis risus.
Link Textid=#B8
Container, Widescreen (Default), background image full bleed
All default fields used
Ut quis tellus sed dui gravida convallis at quis risus.
Link Textid=#B9
Some white space
Full-width, Widescreen. Slide and background image both full bleed
All default fields used
Ut quis tellus sed dui gravida convallis at quis risus.
Link Textid=#B10
Some white space
Container, Widescreen (Default), background image with no image style
All default fields used
Ut quis tellus sed dui gravida convallis at quis risus.
Link Textid=#B11