General Info - Small Panel
A full bleed image with optional text and small panel with up to 3 links
How to use
- Select a suitable image from the Media Library for the Background Image.
Recommend image is at least 2200px x 1610px. The image can be any size or aspect ratio, and will be cropped and resized for desktop 2200px x 1610px and mobile 780px x 1688px automatically by a service called PXL. Find out how PXL crop and resize works. - Optionally add an Image Overlay. Use this to improve the contrast ratio of the text over the Background Image when using a lighter image, see Text Over Images.
- Optionally add Quick-Nav Text to be picked up the Quick Navigation Bar/Progress Navigation Bar
- Optionally add Main Text, this displays in large text over the image
- Optionally add up to 3 links. For each link add Link - Text for the button text and either select a section or content item for the Link - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Link - External URL (please do not enter both)
Content Type Details
ID: 434
Name: General Info - Small Panel
Description: A full bleed image with optional text and small panel with up to 3 links
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Background Image | A full width image | N/A | Media | Yes |
| Image Overlay | Apply an overlay to the image to improve the contrast ratio of the Main Text Heading | N/A | Select Box (List: Image Overlay) | No |
| Quick-Nav Text | This text will be used for the Quick Navigation Bar/Progress Navigation | 20 Characters | Plain Text | No |
| Main Text | The main text of this component | 100 Characters | Plain Text | No |
| Link 1 - Text | Add Link Text | 50 Characters | Plain Text | No |
| Link 1 - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Link 1 - External URL | Select a section/content for an internal link | 250 Characters | Plain Text | No |
| Link 2 - Text | Add Link Text | 50 Characters | Plain Text | No |
| Link 2 - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Link 2 - External URL | Select a section/content for an internal link | 250 Characters | Plain Text | No |
| Link 3 - Text | Add Link Text | 50 Characters | Plain Text | No |
| Link 3 - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Link 3 - External URL | Select a section/content for an internal link | 250 Characters | Plain Text | No |
Examples
Main Text and 3 Links
/82x0:5679x4096/prod01/channel_3/media/middlesex-university/site-assets/component-library/page-designs/feature-img-title-ph-1.37041413.jpg)
We strive to create a fairer world and embed diversity, inclusion and equality in all we do
Main Text and 2 Links
We strive to create a fairer world and embed diversity, inclusion and equality in all we do
Main Text and 1 Link
We strive to create a fairer world and embed diversity, inclusion and equality in all we do
Main Text Only
We strive to create a fairer world and embed diversity, inclusion and equality in all we do
Links Only