smartVISU
17:47, 30.09, v2.7

Popups

Here are some examples to show how popups are used.
Examples
A vertical popup with some switches
<a href="#popup1" data-rel="popup">
<img class="icon" src="{{ icon1~'licht_licht.png' }}">
</a>

<div id="popup1" data-role="popup">
<div>
{{ basic.switch('switch1', 'bath_light_switch') }}
{{ basic.switch('switch2', 'bath_light_switch') }}
{{ basic.switch('switch3', 'bath_light_switch') }}
</div>
</div>
A horizontal popup with some switches
<a href="#popup2" data-rel="popup">
<img class="icon" src="{{ icon1~'light_light.png' }}">
</a>

<div id="popup2" data-role="popup">
{{ basic.switch('switch4', 'bath_light_switch') }}
{{ basic.switch('switch5', 'bath_light_switch') }}
{{ basic.switch('switch6', 'bath_light_switch') }}
</div>
Individual size popup with a close button
<a href="#popup3" data-rel="popup">
<img class="icon" src="{{ icon1~'light_light.png' }}">
</a>

<div id="popup3" data-role="popup" style="width:280px; height:200px;">
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
Content
</div>
Close Content

Widgets

Design

Misc