Card Images

Card Images card style always includes an image. If a video is used in a dynamic Card Image, then it will show the video thumbnail as the image.

The 2-column and 4-column versions of Card Images do not require a Card Carousel.

The card style option with 3 or more cards must be used within a Card Carousel so that Tablet view will work. (A minimum of 3 cards should be used. Do not do a 33:33:33 column design.)

Dynamic URLs Carousel for Card Images

Select 3-8 page URLs to display the applicable card items.

Card Subhead content will not display in this view. Card Subhead is intended for the 4-card view only.

Dynamic Tags Carousel for Card Images

Select a tag to display the applicable card items.

Card Subhead content will not display in this view. Card Subhead is intended for the 4-card view only.

Dynamic Tags - Customized for Card Images

Static Tiles with Background Image Layout

DO NOT use a Card Carousel.

Instead, use Column Control with 50/50 split and "Is Container" checked.

Use Card Image component, and add Smart Button with White Secondary Button style selected.

CMS authors will need to upload an image with the play icon overlay included in static cards.

BUG: Smart Button below cards is too close. (Edit Smart Button to "Enable Top Padding" as a workaround.)

Heading

Description

Heading

Description

Static Carousel for Card Images Using Simple Layout with Description

This view is for static 3-card view (Show Description field content).

Do not use 33:33:33 columns when there are only 3 cards. Carousel must be used so that responsive design will work correctly. (The carousel indicator will show up in Tablet mode only.)

CMS authors will need to upload an image with the play icon overlay included in static cards.

BUG: Description field content appears too close to bottom of this card style. Padding should match same padding as is used for this card style in Dynamic Card Carousel.

Static Tiles with Simple Layout Without Description

This view is for static 4-card view (Show Card Title content).

 4-Card Style in 25:25:25:25 Columns

Do not use a Description with this card style.

BUG: Smart Button is too close to bottom of cards. (Edit Smart Button to "Enable Top Padding" as a workaround.)

PLEASE NOTE: This card option is out of scope for the Video CTA functionality enhancement

Alt Text

Static Heading 1

Alt Text

Static Heading 2

Alt Text

Static Heading 3

Alt Text

Static Heading 4


Alt Text

Static Heading 5

Alt Text

Static Heading 6

Alt Text

Static Heading 7

Alt Text

Static Heading 8

Page URL with Background Image Layout

BUG: AW-1156 - Card Icon field is referenced instead of a Card Logo field. The sizes of these items are different:

- Card Icon (62x62)
- Card Images with Background Image Layout (160x60)

Fix Card Properties labels to explain duplicate usage of fields, or add a separate field for Card Logo.

BUG: This is wrong sized background image for this card type. Both have a 4:3 ratio.

- Card Perspectives with Image and Card Images (432x324)
- Card Images with Background Image Layout (664x498)

Dynamic Card 1

Dynamic Card 1 Description

Dynamic Card 10 Video Title - Wistia URL

Dynamic Card 10 Video Description

Page URL with Simple Layout with Description

Do not do this option in 33:33:33 columns. 

Use Static Carousel so Tablet view will work correctly.

Page URL with Simple Layout Without Description

Please note: Image referenced within the Card Properties of the pages is 432x324. However, when this view is used, the image automatically resizes to 316x211 on the front end.

PLEASE NOTE: This card option is out of scope for the Video CTA functionality enhancement

Dynamic Card 5 Alt Text

Dynamic Card 5

Dynamic Card 6 Alt Text for Icon

Dynamic Card 6

Dynamic Card 7 Alt Text

Dynamic Card 7

Dynamic Card 10 Video Title - Wistia URL