View Modes: Node Card Illustrative - envris/White-Label-Help-Wiki GitHub Wiki

Brief description

The Card Illustrative view mode.

---

Detailed description

Regions

The Card Illustrative view mode has the following regions:

• Image
• Meta
• Heading
• Detail
• CTA

Nodes

The Card Illustrative view mode is configured on the following nodes:

Basic Page, Case Study, Function, Project, Report Content

• Image: Thumbnail
• Meta: (Blank)
• Heading: Title
• Detail: Description
• CTA: CTA

Article

• Image: Thumbnail
• Meta: Published Date, Article Type
• Heading: Title
• Detail: Description
• CTA: CTA

Event

• Image: Thumbnail
• Meta: Event Start Date, Location
• Heading: Title
• Detail: Description
• CTA: CTA

Report, Resource

• Image: Thumbnail
• Meta: Resource Type
• Heading: Title
• Detail: Description
• CTA: CTA

Components

The Card Illustrative view mode is configured on the following components:

Item

• Image: Image
• Meta: (Blank)
• Heading: Heading
• Detail: Description
• CTA: CTA

---

Technical description

Nodes

The node's field properties are as follow:

Thumbnail

• Formatter: Render Entity
• View mode: Card

Title

• Formatter: Default
• Link: No
• Wrapper: h2

Description

• Formatter: Plain text

CTA

• Formatter: Plain text

Published Date

• Formatter: Default
• Date format: White Label Short Date

Article Type

• Formatter: Label
• Link: No

Event Start Date

• Formatter: Default
• Date format: White Label Short Date

Location

• Formatter: Plain text

Resource Type

• Formatter: Label
• Link: No

Components

The component's field properties are as follow:

Image

• Formatter: Render Entity
• View mode: Default

Heading

• Formatter: Plain text

Description

• Formatter: Default

CTA

• Formatter: Link