Quad Design Widgets

quad.mixed quad.symbol quad.print quad.rtr quad.dimmer quad.color quad.shutter quad.blind quad.playercontrol quad.stateswitch quad.select quad.input


quad.mixed

Mix your widgets in columns however you want. This would actually be the only quad widget you need ;)

Parameters
{{ quad.mixed(id, text, div1, div2, div3, div4, div5, div6, div7, div8, div9, div10) }}
id
unique id for this widget
text
text in left column
div1
Any widget function that is implemented in your pages like basic.print(..), device.shutter(..), etc.
You can use arrays to put multiple widgets in one column. Don't put the function call in quotes!
div2
Any widget function. In total you can add 10 columns max.
div3
Any widget function. In total you can add 10 columns max.
div4
Any widget function. In total you can add 10 columns max.
div5
Any widget function. In total you can add 10 columns max.
div6
Any widget function. In total you can add 10 columns max.
div7
Any widget function. In total you can add 10 columns max.
div8
Any widget function. In total you can add 10 columns max.
div9
Any widget function. In total you can add 10 columns max.
div10
Any widget function. In total you can add 10 columns max.
Example
Mixed with symbol + textinput, symbol, stateswitch
{{ quad.mixed('mixed', 'Mixed line',
[basic.symbol('', '', '', 'weather_light_meter.svg'), basic.input('', 'this', 'date')],
basic.symbol('', 'that', '', ['status_light_off.svg', 'status_light_high.svg'], [0,2], '', ['icon0', 'icon1']),
basic.stateswitch('', 'that', '', [0,2], '', ['0','2'])) }}
  • Mixed line
    0 2

Author: Niko Will, Onkel Andy

Widgets

Design

Misc