Skip to content

Card tile

Card Tile

Single Side Cards have a front side.

  • CardTile
  • front
    • html-template

Code

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
// file: hooks/TABLENAME-tv.js

jQuery(function(){ // wait for table being loaded

  var tile = new AppGiniHelperTVTiles.CardTile();

  var html = '<h5 class="clearfix">'
    + '<span class="label label-default pull-right">id: %_pk%</span>'
    + '</h5>'
    + '<p><small>Typ</small> put placeholder here</p>';

  tile.front.html = html;

  // finally render the Tile View
  new AppGiniHelperTVTiles.TilesView().render(tile);

});

Placeholders

Placeholders are fieldnames, wrapped in percent-character: %fieldname% If the field, given in placeholder, cannot be found, you will see undefined there.

See also

TODO: Screenshot