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 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.
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.
Supports all image aspect orientations notably landscape, portrait and square and aspect ratios. Example below.
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