Rich Content Collection

A component which collates a variety of media and content into a series of panels

How to use

Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
Optionally add an overall (h2) title for the component
Choose to embed either an Instagram or Tiktok post
Add an image to the right hand panel. The caption can be a hyperlink.
Add up to two smaller media panels (Rich Content Item): These can either be a Callout, a text/icon Accolade, a testimonial, a linked News Article or a linked MDX Voices story. Details of the fields on each of these panels can be found below.

Content Type Details

ID: 669
Name: Rich Content Collection
Description: A versatile component with social content, image content and optional smaller widgets
Minimum user level: Contributor

Content Type Elements Details

Name	Description	Size	Type	Required
Name	The Name Element	80 Characters	Plain Text	Yes
Quick-Nav Text	This text will be used for the Quick Navigation Bar/Progress Navigation	24 Characters	Plain Text	No
Heading	Add a Heading, for example "Research at Middlesex"	150 Characters	Plain Text	No
Choose social media platform	Decide which type of social post will be displayed	N/A	Select Box (List: Rich Content Collection Social Options)	Yes
Instagram ID	Instagram's internal ID of post (can be found in URL)	80 Characters	Plain Text	Yes
TikTok ID	TikTok's internal ID of post (can be found in URL)	80 Characters	Plain Text	Yes
Main Image	Main image used on top-right of component	N/A	Media	Yes
Main Image - Caption	Optional caption to describe main image	100 Characters	Plain Text	No
Main Image - Caption Position	Decide position of the caption on the image e.g. top left, bottom right	N/A	Select Box (List: Rich Content Collection Caption Position Options)	Yes
Main Image - Caption Background Colour	Decide on background colour of the caption box	N/A	Select Box (List: Rich Content Collection Caption Background Options)	Yes
Caption is an internal or external link?	Decide if caption link is internal or external	N/A	Select Box (List: Link Options)	No
Main Image - Internal Link	Select a section/content for an internal link	N/A	Section/Content Link	Yes
Main Image - External URL	Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link	250 Characters	Plain Text	Yes
Rich Content Item	Select up to two smaller content panels	N/A	Repeater	Yes

Content Type Details

ID: 670
Name: Rich Content Item
Description: Repeated component inside Rich Content Collection
Minimum user level: Contributor

Content Type Elements Details

Name	Description	Size	Type	Required
Name	The Name element	80 Characters	Plain Text	Yes
Content Type	Choose type of content for this panel	N/A	Select Box (List: Rich Content Item Options)	Yes
Callout Card Title	Main title of the callout card	20 Characters	Plain Text	Yes
Callout Card Description	Description/subtitle of callout card. Appears under the title	60 Characters	Plain Text	No
Callout Card Internal or External Link?	Choose whether the callout card links internally or to an external url	N/A	Select Box (List: Link Options)	Yes
Callout Card - Internal Link	Select a section/content for an internal link	N/A	Section/Content Link	Yes
Callout Card - External URL	Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link	250 Characters	Plain Text	Yes
Testimonial Quote	Copy of testimonial quote. Please include your own quote characters.	110 Characters	Plain Text	Yes
Testimonial Author	Name of the person making the quote	20 Characters	Plain Text	Yes
Testimonial Author Position	Optional title/description/position of testimonial author	20 Characters	Plain Text	No
Accolade Text Title	Large text "stat" in accolade panel	6 Characters	Plain Text	Yes
Accolade Text Description	Smaller text below main (large) text	40 Characters	Plain Text	Yes
Accolade Text Background Colour	Choose background colour of the panel	N/A	Select Box (List: Rich Content Accolade Background Options)	Yes
Accolade Icon Name	Select the Material UI icon to be displayed	N/A	Select Box (List: Material Symbols)	Yes
Accolade Icon Title	Title text which is displayed directly under the icon	24 Characters	Plain Text	Yes
Accolade Icon Description	Optional subtitle/description which is displayed under the title	60 Characters	Plain Text	No
Accolade Icon Background Colour	Choose background colour of the panel	N/A	Select Box (List: Rich Content Accolade Background Options)	Yes
News Article	Select the News Article content (called "News Article") to be displayed in the panel	N/A	Section/Content Link	Yes
MDX Voices Story	Select the MDX Voices content (called "Blog Post") to be displayed in the panel	N/A	Section/Content Link	Yes