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_text.html 1.8KB

12345678910111213141516
  1. <script type="text/html" data-help-name="ui_text">
  2. <p>Will display a non-editable text field on the user interface.</p>
  3. <p>Each received <code>msg.payload</code> will update the text based on the provided <b>Value Format</b>.</p>
  4. <p>The <b>Value Format</b> field can be used to change the displayed format and can contain valid HTML and
  5. <a href="https://scotch.io/tutorials/all-about-the-built-in-angularjs-filters" target="_blank">Angular filters</a>.</p>
  6. <p>For example: <code>{{value | uppercase}} &amp;deg;</code> will uppercase the payload text and add the degree symbol.</p>
  7. <p>The label can also be set by a message property by setting
  8. the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
  9. <p>The following icon fonts are also available: <a href="https://klarsys.github.io/angular-material-icons/" target="_blank">Material Design icon</a>
  10. <i>(e.g. 'check', 'close')</i> or a <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome icon</a>
  11. <i>(e.g. 'fa-fire')</i>, or a <a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md">Weather icon</a>.
  12. You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>
  13. <p>The widget also has a class of <code>nr-dashboard-widget-{the_widget_label_with_underscores}</code> which can be used for additional
  14. styling if required. You may need to use the <i>!important</i> flag to override the theme.</p>
  15. <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>
  16. </script>