# Is there has any way to make node-html quickly？

**URL:** <https://discourse.nodered.org/t/is-there-has-any-way-to-make-node-html-quickly/68006>\
**Category:** Developing Nodes\
**Tags:** dashboard, uibuilder\
**Created:** [21 September 2022 06:33 UTC](https://discourse.nodered.org/t/is-there-has-any-way-to-make-node-html-quickly/68006 "2022-09-21T06:33:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nash-x9](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nash-x9/32/68066_2.png) [@Nash-x9](https://discourse.nodered.org/u/Nash-x9)\
**Post date:** [21 September 2022 06:33 UTC](https://discourse.nodered.org/t/is-there-has-any-way-to-make-node-html-quickly/68006/1 "2022-09-21T06:33:43Z")

</div>

Thanks for Node-red team first.

I'm new here, and trying to find some way to create node's ui quickly and simple.

`DashBoard` and `UIbuilder` are useful, but they are better suited for making individual businesses or products and not for making the forms needed for node parameters.

In other workflow open-source, it support `declarative-style node` which can use json to design UI form.

Is node-red has any way to do this?

---

<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 September 2022 11:56 UTC](https://discourse.nodered.org/t/is-there-has-any-way-to-make-node-html-quickly/68006/2 "2022-09-21T11:56:47Z")

</div>

Dashboard can create forms very simply with no code but you need to define it via nodes in your flow so not declarative in the traditional sense.

uibuilder now has a declaritive feature but this is at a somewhat lower level. It allows you to define your UI by declaring it using JSON.

[Using the modern front-end client (Dynamic data-driven html)](https://totallyinformation.github.io/node-red-contrib-uibuilder/#/uibuilder.module?id=dynamic-data-driven-html-content-1)

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [21 September 2022 12:02 UTC](https://discourse.nodered.org/t/is-there-has-any-way-to-make-node-html-quickly/68006/3 "2022-09-21T12:02:20Z")

</div>

Hi @Nash-x9

Just to clarify, I think you mean the node edit dialogs?

Dashboard/Ui-Builder are for creating dashboards from your flows - not individual node edit dialogs.

Assuming I've got that right, then we don't have this today but it is something that has come up a few times.

For simple edit dialogs that are essentially editors for key/value pairs of node properties, we should find a way to make that easier to do. We already have a bunch of code for generating node edit forms for subflows - finding a way to allow a regular node to do the same would be valuable to have.

Nick

---

<div class="post-metadata">

**Author:** ![jackcarey](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jackcarey/32/61101_2.png) [@jackcarey](https://discourse.nodered.org/u/jackcarey)\
**Post date:** [21 September 2022 12:53 UTC](https://discourse.nodered.org/t/is-there-has-any-way-to-make-node-html-quickly/68006/4 "2022-09-21T12:53:13Z")

</div>

I think it'd be useful as an extension of the `registerType` method, something like `registerTypeWithHTML` that accepts extended `defaults` attributes beyond `value` and `validate`, to add `types`, `helpText`, `validationMsg` and maybe a `section` for grouping attributes.

Something to look into in the future for sure, so I've bookmarked this for later!

---

<div class="post-metadata">

**Author:** ![Nash-x9](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nash-x9/32/68066_2.png) [@Nash-x9](https://discourse.nodered.org/u/Nash-x9)\
**Post date:** [22 September 2022 01:42 UTC](https://discourse.nodered.org/t/is-there-has-any-way-to-make-node-html-quickly/68006/5 "2022-09-22T01:42:55Z")

</div>

@knolleary Thks for reply.  
You are right, your guess is the same as I expressed.

As a low code platform,the node edit dialogs should easy and low code to create.

In particular, it can only be created by native HTML and JavaScript now, and this way there is no convenient generation of edit dialogs like VUE, which supports v-if, for, v-model, etc.

For example, if I need to create a form, the Input of the form needs to change dynamically according to the value of Select, currently I can only write a lot of `if` and style change to control dom show in JavaScript.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [21 November 2022 01:43 UTC](https://discourse.nodered.org/t/is-there-has-any-way-to-make-node-html-quickly/68006/6 "2022-11-21T01:43:09Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.
