Step-by-Step Guide
If you have any further questions on proper setup, please fill out our Hive Service Request form and someone from the team will help you.
Page Examples:
For reference to the finished component, please see the anchored page section below:
Editorial Grid
What it does: A content-forward grid combining images, headlines, body copy, and links. Has three distinct display types — Quick Takes, Expert Voices, and Rapid Insights — each with different card fields and visual treatments. Supports 2×2, 3×3, and 4×4 layouts and an optional carousel scroll mode.
When to use it: Story-driven feature pages, faculty opinion sections, research insight highlights.
How to Add
- Edit the page node.
- Click Add Component → Editorial Grid.
Top-Level Fields
| Field Label | What to Enter | Required? | Notes |
|---|---|---|---|
| Editorial Grid Title | Section heading | No | — |
| Editorial Grid Subtitle | Supporting subtitle | No | — |
| Editorial Grid Description | Intro text | No | Rich text |
| Display | Quick Takes, Expert Voices, or Rapid Insights | Yes | Determines card layout and available item fields |
| Editorial Grid Layout | 2x2, 3x3, or 4x4 | Yes | Default: 2×2 |
| Editorial Grid Carousel | Enable carousel scroll mode | No | Quick Takes & Rapid Insights only |
| Editorial Grid Items | Individual cards (see below) | No | — |
| Editorial Grid Link | Footer link (URL + label) | No | — |
| Center & Constraint Layout | Limits width | No | — |
| Remove Top Border? | Removes top separator | No | — |
| Reduce Whitespace (Padding)? | Tightens padding | No | — |
| Reduce Whitespace (Margin)? | Tightens margin | No | — |
Editorial Grid Item Fields (per card)
| Field Label | What to Enter | Required? | Notes |
|---|---|---|---|
| Editorial Item Heading | Card title | No | — |
| Editorial Item Date | Publication or event date | No | Quick Takes only |
| Editorial Item Content Area | Body text | No | — |
| Editorial Item Image | Upload or select image; alt text required | No | — |
| Editorial Item Faculty Name | Name of the faculty member | No | Expert Voices only |
| Editorial Item Affiliation | Faculty title/affiliation | No | Expert Voices only |
| Editorial Item Link | URL + label | No | — |
| Editorial Item Topics | Topic tags (sub-paragraph) | No | — |
How to Update
- Edit the page, open the Editorial Grid component.
- Edit individual card items by clicking into them.
- Swap images, update copy, add/remove items.
- Save.
💡 Display type matters: The three display types (Quick Takes, Expert Voices, Rapid Insights) render differently. Don't switch the Display field on an existing component without reviewing how the cards look — some item fields only appear for specific display types.