# Uibuilder v6.1 beta - progress

**URL:** <https://discourse.nodered.org/t/uibuilder-v6-1-beta-progress/74355>\
**Category:** Share Your Nodes\
**Tags:** uibuilder\
**Created:** [29 January 2023 12:41 UTC](https://discourse.nodered.org/t/uibuilder-v6-1-beta-progress/74355 "2023-01-29T12:41:21Z")\
**Posts on this page:** 1\
**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:** [29 January 2023 12:41 UTC](https://discourse.nodered.org/t/uibuilder-v6-1-beta-progress/74355/1 "2023-01-29T12:41:21Z")

</div>

Quick update on the progress of uibuilder v6.1

As usual, plenty of new ideas getting incorporated. The latest being an extension to the low-code `uibuilder.eventSent(event)` function. This has been around for a while and is easily incorporated into your HTML like `<button onclick="uibuilder.eventSend(event)">`. When the event fires, the uibuilder client library automatically sends a standard message back to Node-RED with lots of information such as what modifier keys were pressed. In v6.1, this has been extended so that if you put the event handler inside a `<form></form>`, any inputs will be included in the msg without needing any code at all. Similarly, if you attach the handler to a single input field as in `<input onchange="uibuilder.eventSend(event)">`, when the field changes, the new value will be included in the msg.

The new `uib-element` continues to gain more standard zero-code UI elements too. I've already added a raw HTML passthrough that lets you use the Node-RED core template node. Next up will be a zero-code simple form that will take an input array and create a multi-input form with a submit button that will return form data back to Node-RED (all zero-code remember). Something to change the page title and a basic tabbed interface are next up.

Along the way, I've been updating all of the templates and examples to use the latest standards and done a load of documentation updates.

Remember that if you want to try out the new features as they are progressing, you can install uibuilder from GitHub as follows:

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

```

And, as always, feedback and bug reports are always welcome.

I'm working on another video as well - this time on how to create an HTML form with uibuilder and how to get the form data back into Node-RED. (Hint: even under uibuilder v6.0, this is only a few lines of simple code!).