See the source of this page for examples on how to use the widget. For more details, see the WebPODS widgets reference documentation.
These simple examples just add the channel, using the data-channel property.
sim/ramp:
sim/flipflop(1.0):
='sim/noise'>0.0:
sim/table:
For enum, the LED can display all states.
=alarmOf('sim/ramp'):
=enumOf('sim/noise', arrayOf(-1.0, 1.0), arrayOf("LOW", "MIDDLE", "HIGH")):
Behavior under different error conditions.
Slow connection:
Error messages:
Wrong formula:
Using CSS style width and height to change size.
width: 5px; height: 18px -
width: 10px; height: 10px -
width: 15px; height: 15px -
width: 20px; height: 20px -
By default, the size of the LED changes with the font.
font-family: monospace -
font-family: serif -
font: italic bold 18px Georgia, serif -
font: 14px monospace -
Using CSS style margin or float to adjust widget position.
margin-left: 50px -
float: right -
vertical-align: bottom -
vertical-align: top -