UNPKG

node-red-contrib-uibuilder

Version:

Easily create data-driven web UI's for Node-RED. Single- & Multi-page. Multiple UI's. Work with existing web development workflows or mix and match with no-code/low-code features.

26 lines (25 loc) 1.52 kB
<p> A simple but accessible Form with inputs and buttons. <b><a href="./uibuilder/docs/#/elements/forms" target="_blank">Docs</a></b>. </p><p> Set the input data to an <i>Array of Objects</i>. Each array entry will be a new form input or button. An Object of Objects can also be used where the outer object is key'd by the ID of the entry. </p><p> Currently supported properties in the inner objects are: <code>type=</code>One of the input types listed below, <code>id=</code>Unique HTML identifier, <code>label=</code>Label text of the input field or button, <code>required=</code>true/false whether a value is required, <code>value=</code>Optional starting value. </p><p> Other properties can be provided. These only work with the appropriate input types and are otherwise ignored </p><p> Available input types are: button, checkbox, color, date, detetime-local, email, hidden, month, number, password, radio, range, tel, text, time, url, week. See <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input" target="_blank">this explanation of the types and properties</a>. </p><p> Some additional types will be made available in the future: select, combo, file, image, textarea. Auto-complete will also be added eventually. </p><p> If a button is included, pressing the button will automatically send a message from the client back to Node-RED All of the form data will be included in that message in <code>msg._ui.form</code>. </p>