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.
29 lines (20 loc) • 1.19 kB
HTML
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="../uibuilder/images/node-blue.ico">
<title>Blank template - Node-RED UIBUILDER</title>
<meta name="description" content="Node-RED UIBUILDER - Blank template">
<!-- Your own CSS (defaults to loading uibuilders css)-->
<link type="text/css" rel="stylesheet" href="./index.css" media="all">
<!-- #region Supporting Scripts. These MUST be in the right order. Note no leading / -->
<script defer src="../uibuilder/uibuilder.iife.min.js">/* THE UIBUILDER LIBRARY MUST BE IN THE HTML! DO NOT REMOVE */</script>
<!-- <script defer src="./index.js">/* OPTIONAL: Put your custom code in that */</script> -->
<!-- #endregion -->
</head><body>
<h1 class="with-subtitle">Blank Template</h1>
<div role="doc-subtitle">Using UIBUILDER for Node-RED</div>
<!-- '#more' is used as a parent for dynamic HTML content in examples
Also, send {topic:"more", payload:"Hello from <b>Node-RED</b>"} to auto-display the payload -->
<div id="more" uib-topic="more"></div>
</body></html>