# Floor plan suggestions

**URL:** https://discourse.nodered.org/t/floor-plan-suggestions/31230
**Category:** General
**Created:** [6 August 2020 15:07 UTC](https://discourse.nodered.org/t/floor-plan-suggestions/31230 "2020-08-06T15:07:16Z")
**Posts on this page:** 1
**Showing post:** 123

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [20 September 2020 15:01 UTC](https://discourse.nodered.org/t/floor-plan-suggestions/31230/123 "2020-09-20T15:01:23Z")

</div>

Check out the thread on uibuilder/VueJS components as well. Managed to squeeze in some experiments and the experimental module listed is beginning to show how I'll add some "magic" to uibuilderfe that means you only need to supply some very simple HTML containing a suitably built component and then send through some standardised data from Node-RED to control things, no JavaScript of your own needed and no messing with attibs/props in the HMTL. All you need to do is add a ref id.

> [@Uibuilder: Component Design + Example Components](https://discourse.nodered.org/t/uibuilder-component-design-example-components/32293/10):
>
> Another update pushed. See the examples for the gauge component - you will see the first examples of pushing data direct to the component so that you don't have to do anything in your HTML (eventually not in your js either as this will be folded into the uibuilderfe library). All you need to do is set an ID on each component instance and then send the right data format through to the front-end. The HTML can be as simple as: \<gauge ref="gauge1" /\>

---

_[View the full topic](https://discourse.nodered.org/t/floor-plan-suggestions/31230)._
