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_numeric.html 1.6KB

1234567891011121314151617
  1. <script type="text/html" data-help-name="ui_numeric">
  2. <p>Adds a numeric input widget to the user interface.</p>
  3. <p>The user can set the value between
  4. the limits (<b>min</b> and <b>max</b>). Each value change will generate a <code>msg.payload</code>.</p>
  5. <p>If <b>Topic</b> is specified, it will be added as <code>msg.topic</code>.<p>
  6. <p>Any input <code>msg.payload</code> will be converted to a number, the <b>min</b> value will be used if conversion fails,
  7. and it will update the user interface. If the value changes, it will also be passed to the output.</p>
  8. <p>The <b>Value Format</b> field can be used to change the displayed format. For example, a <b>Value Format</b>
  9. of <code>{{value}} %</code>
  10. with a value of <b>23</b> will show <b>23 %</b> on the user interface. The <b>Value Format</b> field can contain
  11. HTML or Angular filters to format the output (eg: <code>&amp;deg;</code> will show the degree symbol).</p>
  12. <p>Setting the Value Format field to <code>{{msg.payload}}</code> will make the input field editable so you can type in a number.</p>
  13. <p>The label can also be set by a message property by setting
  14. the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
  15. <p>Setting <code>msg.enabled</code> to <code>false</code> will disable the widget output.</p>
  16. <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>
  17. </script>