Node-Red configuration
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

ui_slider.html 1.3KB

123456789101112131415
  1. <script type="text/html" data-help-name="ui_slider">
  2. <p>Adds a slider widget to the user interface.</p>
  3. <p>The user can change its value between the limits (<b>min</b> and <b>max</b>). Each value change
  4. will generate a message with the value set as <b>payload</b>.</p>
  5. <p>A vertical slider can be created by setting the size so that the height is greater than the width.</p>
  6. <p>The slider can be reversed by setting the min value larger than the max value. e.g. min 100, max 0.</p>
  7. <p>If a <b>Topic</b> is specified, it will be added as <code>msg.topic</code>.</p>
  8. <p>An input <code>msg.payload</code> will be converted to a number, and used to preset a value.
  9. The <b>min</b> value will be used if conversion fails,
  10. and it will update the user interface. If the value changes, it will also be passed to the output.</p>
  11. <p>The label can also be set by a message property by setting
  12. the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
  13. <p>Setting <code>msg.enabled</code> to <code>false</code> will disable the slider output.</p>
  14. <p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
  15. </script>