Exercise

We start from 0 - Slick Grid

We added 2 modules: 1 code_editor to edit the template, and the twig module that renders that template, based on the data that is output by slick grid on hover and click.

 

  1. Edit the preferences so that the twig module receives data from both the click and hover events generated by the slick grid module.
  2. Now edit the twig template so that it also displays information on the clicked element.

 

Tutorial

When manipulating arrays of complex objects, you probably don't want to show everything in a table. But you still want to have the full information on an entry if required.  In this example, we will do exactly that using the twig module. Twig is a html template language. It enables you to generate html code from data. The module is based on twigjs, which is a based on twig, a php template language.

 

twigjs doc: https://github.com/justjohn/twig.js/wiki

twig doc: http://twig.sensiolabs.org/documentation