# Uibuilder v6.1 dev progress #7 - Final functional updates

**URL:** <https://discourse.nodered.org/t/uibuilder-v6-1-dev-progress-7-final-functional-updates/75523>\
**Category:** Share Your Nodes\
**Tags:** uibuilder\
**Created:** [21 February 2023 18:09 UTC](https://discourse.nodered.org/t/uibuilder-v6-1-dev-progress-7-final-functional-updates/75523 "2023-02-21T18:09:39Z")\
**Posts on this page:** 3\
**Page:** 1

<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:** [21 February 2023 18:09 UTC](https://discourse.nodered.org/t/uibuilder-v6-1-dev-progress-7-final-functional-updates/75523/1 "2023-02-21T18:09:40Z")

</div>

Yes, here it is - the final code push for functional changes!

Assuming no bugs found, just need some regression testing, check the templates, update all of the examples. And hopefully some more documentation tweaks.

Then we will be ready to publish v6.1.

In this push, you will see some final tweaks to the layout of the new `uib-update` and `uib-element` nodes. The biggest change in this push is the fact that you can now use `uib-update` in "delete" mode.

Here is an example zero-code pair of flows that firstly create an on-screen list (actually 2 different data inputs) and secondly, a series of updates to the list that add new entries, change the bullet for one of the entries to a tick-box and deletes an entry from the middle of the list.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/2/72d442c0c86cb45bb8635ff73f72d3541d5c32e5.png)

---

<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:** [23 February 2023 19:24 UTC](https://discourse.nodered.org/t/uibuilder-v6-1-dev-progress-7-final-functional-updates/75523/2 "2023-02-23T19:24:38Z")

</div>

OK, so maybe not _quite_ the final functional update then 😁

As I was doing the final template updates and preparing the updated examples, I hit on another useful feature which is now implemented in the client library.

So you will now be able to control certain aspects of the client library such as changing the browser log level, turning on/off the visible formatted message display, setting a variable or getting the value of a variable - all from Node-RED with zero front-end code.

Because of all these zero-code updates, the "blank" template really is now blank! Well it has a title. But it no longer has any JavaScript code and in fact, the load of `index.js` is commented out completely.

A new draft document is also added to the documentation covering zero-code use of uibuilder as well as one covering how to control the client from Node-RED.

Here is the list of things in the client that you will eventually be able to control from node-red:

- get/set
- showMsg(boolean, parent=body)
- clearHtmlCache(), saveHtmlCache(), restoreHtmlFromCache()
- htmlSend()
- getStore, setStore, removeStore
- watchDom(startStop)
- setPing

The ability to fix in place updated HMTL (via save and load from cache) is particularly interesting as is the ability to send the whole HTML back to node-red (not there yet, probably v6.2 release rather than this one.

---

<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:** [24 February 2023 17:51 UTC](https://discourse.nodered.org/t/uibuilder-v6-1-dev-progress-7-final-functional-updates/75523/3 "2023-02-24T17:51:00Z")

</div>

Another day, another update.

Squashed some more bugs in regression testing.

More importantly though, managed to squeeze in another zero-code element type (due to the fact that I wanted to use it in one of my own UI's!).

So simple but useable **FORMS** are now added along side tables, lists, html, titles and text boxes.

You can very simply create a form for getting data into Node-RED with no coding required at all.

Other notable things in this push:

- A new, comprehensive example added to the library. Shows off ALL of the zero-code element types along with some dynamic update examples. All on a single flow tab.

As always, this is available to try right now - please do test it out. Install/update with:

```auto
cd ~/.node-red
npm install totallyinformation/node-red-contrib-uibuilder#v6.1.0

```