CTA Grid 

This block can be used to display a grid of clickable images with hover-over "call-to-action" links. 

Episerver Required Blocks

The CTA Grid can be constructed using the following Episerver blocks: 

  • CTA Grid - Collection of CTA Grid items.

  • CTA Grid Item - Image + CTA card that can be placed into a CTA grid.

You must create the CTA Grid item blocks before creating the CTA grid block. You can then drag the CTA grid items onto the CTA grid block. 

Add To 

CTA Grid:  

  • The main content area on any content page
  • Padding containers
  • Accordion sections
  • Tab sections

CTA Grid Item: 

  • CTA Grid 

Fields & Configurations: 

CTA Grid 

Property

Configuration

Validation

Display Mode

Choose a value from the drop down for the block’s color values.

  • Light
  • Dark
  • Primary Light
  • Primary Dark
  • Secondary Light
  • Secondary Dark

Required

CTAs

Add at least 2 but no more than 3 CTA Grid Item block references to the content area

Minimum of 2

Maximum of 3

 

CTA Grid Item 

Property

Configuration

Validation

Image

Add an image content reference to display when the user is not hovering over an item.

Required

Text

Add text to display when the user hovers over the item.

Required

Link

Add a page reference to direct to when the link is clicked.

Required

 

Example Blocks

The examples shown below represent this block and all of its various configurations.