Tiles

A guide to thumbnail and icon tiles

Overview

Thumbnail and icon tiles utilise the HTML5 spec that now allows an HTML anchor element to wrap around any other content.

The thumbnail displays an image and link text, whilst the icon displays an icon (controlled by it's CSS class).

Both the Thumbnail and icon tiles utilise the link details information which controls the url of the item, the link title, image or icon.

Example
WCMS use
MVC.net use
Code

<a class="thumbnail center" href="/tradingstandards/consumeradvice/coldcallingzones/nocoldcallingzones">
    <p>
        <i class="large pink trading-standards-icon home icon" style="display: inline;"></i>
    </p>
    <p>Setting up a "No Cold Calling" zone</p>
</a> 
Version and status
  • 1
  • current version
  • Concept
  • Alpha
  • Beta
  • Release