Plone Tiles (0.4.0)

Plone Product for creating "Tile" links.

Provide class 'tile' for html element you want to have link behaviour. Then select one of the anchor elements inside that tile by adding it class = = 'primary'. Thus, our tile element will redirect you to primary anchor target. So all tile area, except anchors within it, is linkable and behave like a link! If you define your tile element, but not select your primary link inside tile, href attribute of the first anchor will be taken by default.

Example 1:

    <div class="tile">
    <a href="www.example1.com">First link</a>
    <a href="www.example2.com">Second link</a>
    </div>

Here we have div element with class 'tile'. But any element inside div haven't class 'primary'. So by default will be used href of the first link. And   when you click in scopes div element and outside a element you'll be redirected to www.example1.com.
    

Example 2:

    <div class="tile">
    <a href="www.example1.com">First link</a>
    <a class="primary"
    href="www.example2.com">Second link</a>
    </div>

In this case we have (in addition all we have in previous  example) second link with primary class. So div element have "www.example2.com" location.

Example 3:

    <div class="tile">
      <a href="www.example1.com">First link</a>
      <div class="tile">
        <a href="www.example1.com">First link</a>
        <a class="primary"
           href="www.example2.com">Second link</a>
      </div>
    </div>

This last example show us that we could have nested tile elements. In practice, everything works like in previous examples except one. Tile element look for primary link. In this example primary element is inside both tiles. But if you want to have for outer div first link as primary, you could simply add  class 'primary' to 'First link'. In this case tile'll  search only to first primary link. And it won't affect inner div element. So remember that tile element could inherite href  attribute only from inner anchors.