Read-only LED widget (wp-led)

See the source of this page for examples on how to use the widget. For more details, see the WebPODS widgets reference documentation.

Simple monitoring

These simple examples just add the channel, using the data-channel property.

sim/ramp:

sim/flipflop(1.0):

='sim/noise'>0.0:

sim/table:

Multi-state

For enum, the LED can display all states.

=alarmOf('sim/ramp'):

=enumOf('sim/noise', arrayOf(-1.0, 1.0), arrayOf("LOW", "MIDDLE", "HIGH")):

Error conditions

Behavior under different error conditions.

Slow connection:

Error messages:

Wrong formula:

Changing size

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 -

Changing fonts

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 -

Positioning

Using CSS style margin or float to adjust widget position.

margin-left: 50px -

float: right -

vertical-align: bottom -

vertical-align: top -