Grid Display

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

This code:

{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:

Click to expand
Click to expand




A nice example: https://tiki.org/TikiFest2018-Montreal-Ephemera


Alias names of this page:
Grid | Masonry | GridDisplay | CSSMasonry | Cards