node-red-contrib-uibuilder/docs/.config/sidebar.md

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.

* [About](/about.md)
* [Getting Started](/using/getting-started.md)
* Using <span class="uib-name"><span class="uib-red">ui</span>builder</span>
  * [A first-timers walkthough](walkthrough1.md "Let's get started!")
  * [Easy UI updates](/using/easy-ui-updates.md "Updating web UI content and attributes dynamically from Node-RED")
  * [Common design patterns](/using/design-patterns.md "Common ways to create web apps and dashboards with Node-RED and UIBUILDER")
  * [Configuring <span class="uib-name"><span class="uib-red">ui</span>builder</span>](uib-configuration.md "Configure the UIBUILDER platform. Affects all uibuilder nodes")
  * [Creating data-driven web apps](web-app-workflow.md "Different styles and workflows you can use")
  * [Creating Templates](creating-templates "Pre-defined and reusable front-end code, dependencies, and optional build steps")
  * [Did you know?](did-you-know.md "Things you might not know about UIBUILDER")
  * [Standard messages](pre-defined-msgs.md "Catalogue of messages and properties")
  * [Why <span class="uib-name"><span class="uib-red">ui</span>builder</span>?](using/why-uibuilder.md "Why would I want to use UIBUILDER?")
  * [Zero-code UI creation](using/zero-code-ui.md "Dynamically creating web UI's")
  * [Troubleshooting](using/troubleshooting.md "Dealing with things that aren't working properly")
* The Nodes
  * [Introduction](nodes/README.md)
  * [`uib-cache`](nodes/uib-cache.md "Cache data so that (re)loaded pages get the latest")
  * [`uib-element`](nodes/uib-element.md "no-code creation of page elements")
  * [`uib-html`](nodes/uib-html.md "Hydrate low-code JSON UI descriptions into HTML in Node-RED rather than the browser")
  * [`uib-save`](nodes/uib-save.md "Save files to the served folder of a given uibuilder node")
  * [`uib-sender`](nodes/uib-sender.md "Tunnel messages direct to a uibuilder node - with optional return. Use lightly if at all")
  * [`uib-sidebar`](nodes/uib-sidebar.md "Creates a simple UI in the Node-RED Editor sidebar")
  * [`uib-tag`](nodes/uib-tag.md "no-code creation of ANY HTML tag")
  * [`uib-update`](nodes/uib-update.md "no-code update of any existing HTML page element")
  * [`uibuilder`](nodes/uibuilder.md "The main node")
  * [Function node enhancements](nodes/function-node.md)
* The front-end client
  * [Controlling from Node-RED](client-docs/control-from-node-red.md)
  * [Custom Components](client-docs/custom-components.md "AKA 'Widgets', built-in and external elements to incorporate in your UI")
  * [Custom Events](client-docs/custom-events.md)
  * [Dynamic, config-driven UI's](client-docs/config-driven-ui.md)
  * [Features](client-docs/features.md)
  * [Functions](client-docs/functions.md)
  * [Introduction](client-docs/readme.md)
  * [Routing Library](client-docs/fe-router.md "A full-featured front-end router for Single Page Apps and other use")
  * [Troubleshooting](client-docs/troubleshooting.md)
  * [uib-brand Style Sheet](client-docs/uib-brand-css.md "How to use the UIBUILDER standard style sheet uib-brand.css")
  * [Using Markdown](client-docs/markdown.md "How to render Markdown in UIBUILDER pages")
  * [Variables](client-docs/variables.md)
* Zero-code element types
  * [Forms](elements/forms.md)
  * [Headings, text boxes, etc.](elements/other.md)
  * [HTML](elements/html.md)
  * [Lists](elements/lists.md)
  * [Markdown](elements/markdown.md)
  * [Tables](elements/tables.md)
* UI frameworks & builds
  * [Avoiding a build step](front-end-no-build.md)
  * [Optimise & transpile (build)](front-end-builds.md)
  * [Snowpack as build tool](front-end-build-snowpack.md)
  * [Svelte](svelte.md)
  * [VueJS complexities](vue-complexities.md)
* General hints & tips
  * [Browser auto-refresh](how-to/browser-refresh.md "Automatically reload your page after a change")
  * [Change the root folder (uibRoot)](how-to/changing-uibroot.md)
  * [Comparison with Dashboard 2](using/compare-d2.md)
  * [Create instance-specific API's](how-to/instance-apis.md)
  * [Creating well-structured HTML](how-to/well-structured-html.md "How to code a well-formed HTML page")
  * [CSS Selectors](how-to/css-selectors.md)
  * [User input handling](how-to/form-handling.md "Handling input using forms and other input elements")
  * [How & why to use the sender node](how-to/sender-node.md)
  * [How to use low-code in the browser](how-to/use-low-code-in-fe.md "Define and update elements in the browser using low-code")
  * [Loading external files](how-to/load-external-files.md "Including HTML, styles, scripts, and web components")
  * [Send code to the browser](how-to/send-code-to-fe.md "Dynamically send JavaScript code from Node-RED to browser clients")
  * [Uploading files](how-to/send-file-to-server.md "How to send files from the browser to Node-RED")
  * [Use Fn nodes to change msg._ui](how-to/function-node.md)
  * [Use the cache node](how-to/cache-node.md)
* Security
  * [Authenticated client properties](security/authenticated-client-properties.md "A standardised msg._client message property added to both UIBUILDER and Dashboard 2.0 outputs when an authenticated client is detected")
  * [Securing apps using NGINX](security/uib-security-nginx.md "How to use NGINX as a reverse proxy with TLS and identity authentication")
  * [Securing Data](security/securing-data.md "How to use flows and uibiulder middleware to secure your data")
  * [Securing uib web apps](security/security.md "Overview of general web app security with some specifics for Node-RED and UIBUILDER")
* Developer documentation
  * [Developing 3rd-party extensions](dev/3rd-party-extensions.md "How to create extension nodes that work with UIBUILDER")
  * [Details](dev/README.md)
  * [REST API's](apis/readme.md)
  * [Runtime events](dev/uib-event-comms.md "Node-RED runtime events used in UIBUILDER")
* [Glossary of terms](glossary.md)
* [Main readme <sup>🔗</sup>](uibhome)
* [Apache v2 license <sup>🔗</sup>](https://github.com/TotallyInformation/node-red-contrib-uibuilder/blob/main/LICENSE)
* [<span class="uib-name"><span class="uib-red">ui</span>builder</span> WIKI <sup>🔗</sup>](https://github.com/TotallyInformation/node-red-contrib-uibuilder/wiki)
* [TotallyInformation Blog <sup>🔗</sup>](https://www.totallyinformation.com "My current blog")
* [Much Ado About IT (Blog) <sup>🔗</sup>](https://it.knightnet.org.uk "My old blog")
* [Node-RED <sup>🔗</sup>](https://nodered.org/)
* Changes
  * [Live changelog <sup>🔗</sup>](changelog "List of all changes for the current major version")
  * [Coming next](roadmap/next.md "Things being worked on and due soon")
  * [Roadmap](roadmap/readme.md "The full backlog of things to do")
  * [Archived changelogs](archived/changelog-archive.md "Lists of changes from previous major versions")