smartVISU
02:08,22.12, v2.7

OK Cancel

Device-Widgets

device.blind device.dimmer device.rtr device.shutter

device.shutter

Standard shutter

Parameters
{{device.shutter(id, txt, gad_move, gad_stop, gad_pos, gad_shift, gad_angle, gad_saved, min, max, step, mode) }}
id
unique id for this widget
txt
name of the shutter
gad_move
a gad/item for the up- and down- movement
gad_stop
a gad/item for stopping the movement (optional)
gad_pos
a gad/item for the actual absolute position of the blinds
gad_shift
a gad/item for increase- and decreace- of the blade (optional, for future use)
gad_angle
a gad/item for the actual absolute angle of the blade (optional)
gad_saved
a gad/item for some saved positions (optional)
min
the minimum value for close (optional, default 0)
max
the maximum value for open (optional, default 255)
step
step between two values (optional, default 5)
mode
the mode: 'half' blade turns from -1 to +1, or 'full' blade turns from 0 to +1 (optional, default 'half')
The shutter may be used in two modes: 'half' and 'full'. The 'half' mode is for blade which can turn to a negativ value, normal blades do so. Some blades like 'S'-blades may only turn to a positv angle. For this use 'full' mode.
Example
{{ device.shutter ('shutter1', 'Shutter 1', 'bath_blind_mov', 'bath_blind_stop', 'bath_blind_pos', 'bath_blind_adjust', 'bath_blind_angle', 'bath_blind_stored') }}

{{ device.shutter ('shutter2', 'Shutter 2', 'bath_blind_mov', '', 'bath_blind_pos', 'bath_blind_adjust', 'bath_blind_angle', '', 0, 255, 5, 'full') }}

{{ device.shutter ('shutter3', 'Shutter 3', 'bath_blind_mov', '', 'bath_blind_pos') }}
Use slider to control shutter..
 Blind
Shutter with all controls, 'half' mode
 
Shutter 1
Shutter with less controls, 'full' mode
 
Shutter 2
Shutter without blades
Shutter 3
If you want to use individual backgrounds for the shutter place them in 'pics/shutter' with size 150 x 180 as .png.
Add a line to your "visu.css" with #PAGE-ID (current pagename, hyphen, id of the shutter-widget).
#widget_device_shutter-shutter2 {
background-image: url('../../pics/shutter/shutter_ocean.png');
}
inspired by Jörg Gutowski

Widgets

Design

Misc