Description
The Tease Row component lists articles, books, links, videos, or people in a horizontal layout.
- Alignment Options: center, wide, full
- Color Themes: none
- Visible Content Fields: title, subtitle, CTA link, list of articles
- Instances per Page: none to multiple
How it Works
- Content editors select two to four items, or up to eight people, to list
- Title, subtitle, and CTA link are optional
Images
| Component | Aspect Ratio (recommended) | Width (proportional) | Height (proportional) | Scaling Behavior |
|---|---|---|---|---|
| Tease Row – Article | 4:3 (~3:2 viewable) | Fixed* | Fixed* Top and bottom will always be cropped off slightly on 16:9 image (actual viewable area is ~3:2). | Top and bottom will always be cropped off slightly on 4:3 image (actual viewable area is ~3:2). Scales down proportionately on mobile—does not crop. |
| Tease Row – Content | 4:3 (~3:2 viewable) 16:9 video | Fixed* | Fixed* Top and bottom will always be cropped off slightly on 16:9 image (actual viewable area is ~3:2). | Top and bottom will always be cropped off slightly on 4:3 image (actual viewable area is ~3:2). Left and right will always be cropped off slightly on 16:9 image. Scales down proportionately on mobile—does not crop. |
| Tease Row – Person | 1:1 | Fixed* | Fixed* | Scales down proportionately on mobile—does not crop. |
| Tease Row – Book | Use original book cover aspect ratio for images. | Fixed* | Fixed* | Scales down proportionately on mobile—does not crop. |
*Images will auto-crop based on the limiting dimension.
Examples
Article Teases, 2-up
id: CB-020-000-06
data-region: cb__tease-row__article
Article Teases, 3-up
id: CB-020-000-06
data-region: cb__tease-row__article
Article Teases, 4-up
id: CB-020-000-06
data-region: cb__tease-row__article
Logo Teases, 4-up
id: CB-020-000-11
data-region: cb__tease-row__logo
Book Teases, 4-up
id: CB-020-000-07
data-region: cb__tease-row__book
Content Teases, 2-up with images
id: CB-020-000-08
data-region: cb__tease-row__content
Content Teases, 3-up with Kaltura videos
id: CB-020-000-05
data-region: cb__tease-row__kaltura
Content Teases, 4-up text only
id: CB-020-000-08
data-region: cb__tease-row__content
Person Teases, 8-up
id: CB-020-000-10
data-region: cb__tease-row__person