Two Column Panel
A two column layout with the ability to add image, text, video or accordion to either column
How to use
- Optionally choose a (background) Colour for the panel: teal, purple, light purple or orange.
- Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
- For the Left Column Section and Right Column Section use the Add section link button and select a hidden sub-section from the Site Structure which contains the corresponding content for each column, see Column section guidance
Column section Guidance
The name of the section is flexible, but it is advisable to use something description e.g. for Left Column Section perhaps 'left-col-content'. When creating these sub-sections ensure that "Show in navigation" is unchecked (located in the General tab). These column sub-sections will not publish as pages in their own right allowing them to be used as content silos for each column.
Supported Content Types for these sections are: Accordion, General Text, Two Column Panel Image and Two Column Panel Video . Each section must have at least one of the supported Content Types.
Content Type Details
ID: 553
Name: Two Column Panel
Description: A two column layout. Assign text, image, video or accordion to each column.
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name element | 80 Characters | Plain Text | Yes |
| Left Column Section | Select a section containing content items for the left column | N/A | Section/Content Link | Yes |
| Right Column Section | Select a section containing content items for the right column | N/A | Section/Content Link | Yes |
| Quick-Nav Text | This text will be used for the Quick Navigation Bar/Progress Navigation | 50 Characters | Plain Text | No |
| Colour | Background colour of the panel | N/A | Select Box (List: Two Column Panel Colour) | No |
Examples
Video in left column, accordion in right column, teal background colour
An accordion content type
Content for accordion item 1
Content for accordion item 2
Content for accordion item 1
Content for accordion item 2
Image (portrait) in left column, text in right column, no background colour
/0x260:780x1429/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/image-breaker-mob-ph-1.7b9c8d57.jpg)
Still time to join Middlesex this autumn
Clearing places available across a range of specialist courses. Join a top 2 UK university for course quality (UniCompare, 2025). Call now to explore your options.