C078 Regression Page

C078 Full Width Image with Hot Spots

The example below illustrates various options for authoring the C078 component. See the Content Authors' Guide for detailed instructions.

The full width image can have various types of hot spot cards and these variations can be combined for use in any combination on the image.

Text Only
Image with Text
Video
Product

CTAs are NOT used on the component. The CTAs come from the Hot Zones for a teaser, video or an image. The examples below show various use cases for using the four variations of the descriptive CTA icons for page, download, video, and external link.

To ensure that the hotspots are sequenced properly, move the contents on the Local Setting's image-map Struct List based on their order.

C046

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis mauris vehicula, feugiat sapien a, tincidunt mauris. Aenean id diam est. Phasellus vel turpis eget mauris aliquam pretium eu ut diam. Nunc at turpis tincidunt, ultricies velit eu, varius leo. Etiam id pulvinar turpis. Donec consequat dui sed accumsan aliquam. Suspendisse porta tincidunt pharetra. Aliquam erat volutpat. Nullam ullamcorper metus quam, interdum suscipit lacus lacinia sed. Maecenas non lacinia ante. Duis ultrices venenatis quam, sit amet rhoncus felis tempus vitae. Link to the Online Style Guide.