Read-only text field for a channel (wp-text-monitor)

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/noise:

sim/strings:

sim/table:

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: 50px; height: 18px -

width: 100px; height: 22px -

width: 150px; height: 26px -

width: 200px; height: 30px -

Changing fonts

Using CSS style font to change the font size or type. Note that, by default, the font is inherited.

font-family: monospace -

font-family: serif -

font: italic bold 18px Georgia, serif -

font: 14px monospace (on parent) -

Changing text alignment

Using CSS style text-align to change text alignment in the field.

text-align: left -

text-align: center -

text-align: right -

Positioning

Using CSS style margin or float to adjust widget position.

margin-left: 50px -

float: right -