Accordion with Card

Accordion with Card was created to introduce the Industry Subsectors on the Industries pages.

There may be a minimum of 2 or a maximum of 6 items.

A Smart Button is not included by default. It will need to be added for each item. Use Body Link style.

One image can be used for all items by placing it in the first item, or each item may have a unique image.

A Wistia video may be used in place of the image.

There is an option to expand one item in the default view by selecting the box for "Check this option, if this should be the open card".

Accordion with Card - Images and Videos

Governance: Do not mix Image and Video in same Accordion with Card because the mobile display is different between images and videos.

BUG: In mobile, text is flush left/flush right. Margin/padding is needed.

/content/dam/aveva/avevasandbox/fpo/image-664x498.png

Card Text

Smart Button
/content/dam/aveva/avevasandbox/fpo/image-432x324.png

Card Text

Smart Button

Card Text

Smart Button
/content/dam/aveva/avevasandbox/fpo/image-316x211.png

Card Text

Smart Button for PDF
Black Image

Accordion with Card - Only 1 Image

BUG: If a single image is used, it should display for each Accordion that opens.

Workaround: Use Column Control in 50/50 split with Accordion in one column and Image or Video in other column.

BUG: In mobile, text is flush left/flush right. Margin/padding is needed.

/content/dam/aveva/avevasandbox/fpo/image-664x498.png

Card Text

Smart Button

Card Text

Smart Button

Card Text

Smart Button

Card Text

Smart Button
Black Image

Workaround Option with 50/50 Columns

Confirm if 50/50 Tablet should be used

Description Field of Asset Is Used for Alt Text in Default Settings

Accordion with Card - Images Only

BUG: In mobile, text is flush left/flush right. Margin/padding is needed.

/content/dam/aveva/avevasandbox/fpo/image-664x498.png

Card Text

/content/dam/aveva/avevasandbox/fpo/image-664x498.png

Card Text

/content/dam/aveva/avevasandbox/fpo/image-664x498.png

Card Text

Black Image

Accordion with Card - Videos Only

BUG: Video is not dsplaying at all in mobile view.

BUG: In mobile, text is flush left/flush right. Margin/padding is needed.

Card Text

Card Text

Card Text