Left/Right Panel | Middlesex University

A versatile panel with image that can be aligned left or right alongside a Heading and other content options.

How to use

Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
Select a suitable image from the Media Library for the Image.
Recommend image is at least 1440px x 1930px. The image can be any size or aspect ratio, and will be cropped and resized to 1440px x 1930px automatically by a service called PXL. Find out how PXL crop and resize works.
Choose a Background Colour: Purple, Teal or White
By default the image aligns left, check the Image Align Right element to change this to the right. When using Left/Right Panel content items consecutively recommend to alternative the image alignment, see example
Optionally add a Small title to display above the Panel Heading
Add a Panel Heading
Optionally add Panel Small Text to display below the Panel Heading
Optionally add a CTA button. Add CTA Text for the button text and either select a section or content item for the CTA Internal Link (ignore the Use default link text checkbox), or paste the full URL for the CTA External URL (please do not enter both)
Optionally add a Profile Card:
- Select a suitable image from the Media Library for the Profile - Image.
  Recommend image is at least 200px x 200px. The image can be any size or aspect ratio, and will be cropped and resized to 200px x 200px automatically by a service called PXL. Find out how PXL crop and resize works.
- Add a Profile - Name
- Optionally add a Profile - Title
- Add a link, select a section or content item for the Profile - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Profile - External URL (please do not enter both)

Content Type Details

ID: 448
Name: Left/Right Panel
Description: A versatile panel with image that can be aligned left or right alongside a Heading and other content options
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	20 Characters	Plain Text	No
Image	Select from the Media Library	N/A	Media	Yes
Background Colour	Select the background colour from the list	N/A	Select Box (List: Left/Right Panel Colour)	Yes
Image Align Right	By default the image displays on the left, check to align on the rigt	N/A	Check Box (List: Yes - Unchecked)	No
Small title	Add small text above the Heading Section/Department	100 Characters	Plain Text	No
Panel Heading	Add a Heading for the panel	200 Characters	Plain Text	Yes
Panel Small Text	Add text to go under the Panel Heading	400 Characters	Plain Text	No
CTA - Text	Add Text for a CTA	50 Characters	Plain Text	No
CTA - Internal Link	Select a section/content for an internal link	N/A	Section/Content Link	No
CTA - 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	No
Profile - Image	Select from the Media Library	N/A	Media	No
Profile - Name	Add a Profile - Name	100 Characters	Plain Text	No
Profile - Title	Add a Profile - Title	100 Characters	Plain Text	No
Profile - Internal Link	Select a section/content for an internal link	N/A	Section/Content Link	No
Profile - 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	No

Examples

White With Panel Text

We work to improve healthcare to create equal opportunities for everyone to live healthy lives.

Purple, Image Right, Panel Text and CTA

We believe that entrepreneurship, culture and creativity can build a more equal, caring society.

Explore research theme

Teal Panel Text, Small title and CTA

Inclusive socio-economic development

We work with people around the world so they can make their communities more sustainable and fairer while protecting our planet.

Explore research theme

Teal, Panel Small Text and CTA

North London Campus

Our north London campus makes it easy to visit the Dance Department in London (23 minutes away by underground train) travelling from London Kings Cross.

Learn more