Cookies and Privacy

The University uses cookies on this website to provide the best experience possible including delivering personalised content on this website, other websites and social media. By continuing to use the site you agree to this, or your can go to our cookie policy to learn more and manage your settings.

Flexible Panel Image Blocks

From full bleed images to images with captions to the left and right. This is the first set of image block templates for use on Flexible Panel pages. More will be coming, meanwhile take a look at the examples below and let us know if you run into any problems.

Full width

'Full bleed' as it would be termed in print, this view displays images in all their glory. Suited only to images with a horizontal aspect ratio please be mindful of the sizing and make sure you resize images appropriately (no wider than 1400 pixels on the horizontal edge please).

Example image is 1200 x 450px.

Set the Panel Style to Full Width and add an appropriate image in the Media Items tab.

course page main image

Full Width (with 'border')

Big and bold but with some whitespace around it.

Set the Panel Style to 'Full Width with inset' and add your image in the Media items tab.

course page main image

Contained Image

Supports all image aspect orientations notably landscape, portrait and square and aspect ratios. Example below.

course page main image

Images with Captions

If an image has a caption title or caption authored against it in Media Manager then you can display the image using one of the below Image with Caption styles. If no caption is authored against is then the Alternative Text for the image will be displayed if one of these view styles is selected.

Examples below show:

  • Contained image with left caption
  • Contained image with right caption
  • Contained image with caption below
  • Contained image with caption overlay
  • Full width image with caption overlay
course page main image
Health Sciences Blog

Our Health Sciences blog is an insight into life in the School. It covers everything from the vital work of Biomedical Scientists and Engineers in the fight against Coronavirus to exploring the parks around campus

course page main image
Health Sciences Blog

Our Health Sciences blog is an insight into life in the School. It covers everything from the vital work of Biomedical Scientists and Engineers in the fight against Coronavirus to exploring the parks around campus

course page main image
Health Sciences Blog

Our Health Sciences blog is an insight into life in the School. It covers everything from the vital work of Biomedical Scientists and Engineers in the fight against Coronavirus to exploring the parks around campus

course page main image
Health Sciences Blog

Our Health Sciences blog is an insight into life in the School. It covers everything from the vital work of Biomedical Scientists and Engineers in the fight against Coronavirus to exploring the parks around campus

course page main image
Health Sciences Blog

Our Health Sciences blog is an insight into life in the School. It covers everything from the vital work of Biomedical Scientists and Engineers in the fight against Coronavirus to exploring the parks around campus