Skip to content

Slider ui-slider

Adds a slider to your dashboard that will emit values in Node-RED under msg.payload anytime it's value is changed.

Properties

PropDynamicDescription
GroupDefines which group of the UI Dashboard this widget will render in.
SizeControls the width of the slider with respect to the parent group. Maximum value is the width of the group.
LabelThe text shown to the left of the slider.
Thumb LabelIf true, will so a label on hte slider's thumb when moved/focussed.
Rangemin - the minimum valu the slider can be changed to; max - the maximum value the slider can be changed to; step - the increment/decrement value when the slider is moved.
OutputDefines when a msg is emitted, either as the slider is moved, or as the slider is released.

Dynamic Properties

Dynamic properties are those that can be overriden at runtime by sending a particular msg to the node.

Where appropriate, the underlying values set within Node-RED will be overriden by the values set in the received messages.

PropPayloadStructures
Classmsg.classString

Example - Basic

Example of a sliderExample of a rendered slider in a Dashboard.