2024 Visual Router Grid

Description

Use the 2024 Visual Router Grid content type to add a Block containing cards featuring an image, heading and description. The whole card is a link. Each card in the grid is its own separate content item with T4. The individual pieces of content can easily be reordered using the arrow icon which allows a user to drag them into the desired order.

Visual Router Grid Example screenshot

How to use

  • Add the Grid Heading - only needs to be added to the first Visual Router Grid content item
  • Add the Grid Group Description - only needs to be added to the first Visual Router Grid content item
  • Select an image from the media library for Grid Image
  • Image Dimensions: 600 x 400
  • Optionally add a Grid Box Title
  • Optionally add the Grid Box Description
  • Either select a page for the Grid Box internal OR paste in the URL for Grid Box external

Examples

Grid Heading

Grid Group Description text. Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Students taking measurements

Grid Box Title 1

Grid Box Description 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum, massa at congue tincidunt

A group of students

Grid Box Title 2

Grid Box Description 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum, massa at congue tincidunt

A man standing behind a lectern

Grid Box Title 3

Grid Box Description 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum, massa at congue tincidunt

Hands holding pens pointing at a pie chart

Grid Box Title 4

Grid Box Description 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum, massa at congue tincidunt

Two students behind a table

Grid Box Title 5

Grid Box Description 5. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum, massa at congue tincidunt

Three people around a computer

Grid Box Title 6

Grid Box Description 6. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris rutrum, massa at congue tincidunt

2024 Visual Router Grid content type details

ID: 211
Name: 2024 Visual Router Grid
Description: Each box is a separate piece of content. The heading and description only need to be entered once.

Content element details

NameDescriptionSizeTypeRequired
NameThe Name element80 CharactersPlain TextYes
Grid HeadingFor example, "Frequently Asked Questions"150 CharactersPlain TextNo
Grid Group DescriptionEnter text for the description5000 CharactersHTMLNo
Grid ImageUpload from media library80 KilobytesMediaYes
Grid Box TitleEnter text for link80 CharactersPlain TextNo
Grid Box internalSelect section for internal link80 CharactersSection/Content LinkNo
Grid Box external (full URL required)Only enter this if you are NOT entering an internal link200 CharactersPlain TextNo
Grid Box DescriptionEnter text for description for box150 CharactersPlain TextNo