Container Width Image

Layout Variant: C018

Content Type: Full Width Image


Teaser Title

Teaser Text

Pictures and Media

Items

CTAs

C018 Collection

No

No

Yes

No

No


Aspect Ratio: 

This component uses the original image size of the image.  An editor should not set “Use Original Image”.  The component does this automatically.

Expected Use:

This Full Width Image is used when you need to showcase an image or static infographic. This component presents relevant imagery that can be used to break up copy on a page. Some full width images may need to be re-created for tablet and mobile devices, which means you may need to create three versions of the image. Please consult with your design team or CoreMedia partner if you need assistance to understand which images will require art direction. See the Infographic Guide for further information.

Building the Component:

This custom component type has three feilds: Desktop, Tablet and Mobile. At least one image is required. If only one image is being used, put it in the Desktop version.  Leave the other two versions empty.  

Nothing is required in the C018 Collection other than the teasable Image or static Inforgraphic you are using for the content.  The Layout Variant C018 is not used as this is a custom content type. The Teaser Title and Teaser Text are not used for this component. No CTA is required. 

In building the Content Tab, you need to open Library and select an icon for new content, select "Full Width Image" and drag and drop images. At least one image is provided for desktop, tablet and mobile. The three images are to account for the original design that has a wide image on desktop and a tall image on mobile (the idea for an infographic on mobile version actually looks like the desktop has been split in three images and stacked on top of each other as a primary use case.)

C018 has no caption. If a caption is needed, place required copy on the image or supplement with a text block component. For samples, refer to C018 Regression Page.

Please enable JavaScript to use this website.