/** * ----------------------------------------------------------------------------- * @package smartVISU * @author Martin Gleiß * @copyright 2012 - 2015 * @license GPL [http://www.gnu.de] * ----------------------------------------------------------------------------- */ {% extends "widget_status.html" %} {% block example %}
Examples
You may use this widget to collapse some html. To bind some divs to that widget you have to use the "data-bind" attribute in the div - tag. In this example the div is binded to the status.collapse and will be controled by it. The additional class="hide" will hide the div at startup.
{% filter trim|escape|nl2br %}{% verbatim %} {{ status.collapse('w1', 'bath.alert.info') }}
...
{% endverbatim %}{% endfilter %}
Use it with simle html, to show and hide a div:
{{ basic.flip('f1', 'bath.alert.info') }}
{{ status.collapse('w1', 'bath.alert.info') }}
Every simple html-code could be collapsed ... with text and icons ...
Or use it to show and hide a popup:
{{ basic.flip('f2', 'bath.alert.warning') }}

Popup

... or a popup ...

OK
{{ status.collapse('w2', 'bath.alert.warning') }}
Or use it to show and collapsable sections:
{{ basic.flip('f3', 'bath.alert.error') }}
{{ status.collapse('w3', 'bath.alert.error') }}

Block

Content

{% endblock %}