Grid Display

Example of CSS-only Masonry (Grid Display), introduced in Tiki 16.0

This code:

Copy to clipboard

{DIV(class=masonry)}
{LIST()}
{filter field=tracker_id content=7}
{filter field=tracker_field_f_125 content="NOT "}
{OUTPUT()}{DIV(class="panel panel-default")}{DIV(class=panel-heading)}{display name=tracker_field_f_125 format=trackerrender}{display name=tracker_field_f_104  format=trackerrender}{DIV}{DIV(class=panel-body)}{display name=tracker_field_f_70 default=""}
{DIV}{DIV}{OUTPUT}
{LIST}
{DIV}

Would produce: