# uiBuilder output not correct

**URL:** <https://discourse.nodered.org/t/uibuilder-output-not-correct/56704>\
**Category:** General\
**Tags:** uibuilder\
**Created:** [15 January 2022 16:06 UTC](https://discourse.nodered.org/t/uibuilder-output-not-correct/56704 "2022-01-15T16:06:42Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Giamma](https://avatars.discourse-cdn.com/v4/letter/g/e47774/32.png) [@Giamma](https://discourse.nodered.org/u/Giamma)\
**Post date:** [15 January 2022 16:06 UTC](https://discourse.nodered.org/t/uibuilder-output-not-correct/56704/1 "2022-01-15T16:06:42Z")

</div>

Hi,  
I copied this flow

 ![uuu](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/f/7f6232e648e50bba9a4913b4ea764fb73e0cd60b.png)

```auto
[{"id":"1a7c5d0e.0fdc73","type":"uibuilder","z":"ecf6c177bd041232","name":"","topic":"","url":"uibuilder","fwdInMessages":false,"allowScripts":false,"allowStyles":false,"copyIndex":true,"templateFolder":"blank","extTemplate":"","showfolder":false,"useSecurity":false,"sessionLength":"","tokenAutoExtend":false,"reload":false,"sourceFolder":"src","credentials":{},"x":600,"y":480,"wires":[["a39ed31d.bca6f"],[]]},{"id":"3403d92d.5c4176","type":"inject","z":"ecf6c177bd041232","name":"Alarm 1","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":90,"y":360,"wires":[["fec3d20f.90bba"]]},{"id":"fec3d20f.90bba","type":"function","z":"ecf6c177bd041232","name":"alarm1StatusOn","func":"msg.topic = \"alarm1Status\";\nmsg.payload = 1;\n\nreturn msg;","outputs":1,"noerr":0,"x":400,"y":360,"wires":[["1a7c5d0e.0fdc73","eb57a4c3.9770b8"]]},{"id":"a39ed31d.bca6f","type":"debug","z":"ecf6c177bd041232","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":790,"y":420,"wires":[]},{"id":"364bd0d0.f77b4","type":"comment","z":"ecf6c177bd041232","name":"Press to trigger alarm","info":"","x":100,"y":320,"wires":[]},{"id":"fe887baa.3db618","type":"inject","z":"ecf6c177bd041232","name":"Alarm 2","repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":90,"y":420,"wires":[["1a7b62b6.219fad"]]},{"id":"1a7b62b6.219fad","type":"function","z":"ecf6c177bd041232","name":"alarm2StatusOn","func":"msg.topic = \"alarm2Status\";\nmsg.payload = 1;\n\nreturn msg;","outputs":1,"noerr":0,"x":400,"y":420,"wires":[["1a7c5d0e.0fdc73","eb57a4c3.9770b8"]]},{"id":"eb57a4c3.9770b8","type":"debug","z":"ecf6c177bd041232","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":790,"y":360,"wires":[]},{"id":"55baa5ee.7f793c","type":"comment","z":"ecf6c177bd041232","name":"Note the data format - msg.topic and msg.payload","info":"","x":410,"y":320,"wires":[]},{"id":"2ff9727c.2f200e","type":"comment","z":"ecf6c177bd041232","name":"For debug viewer","info":"","x":800,"y":320,"wires":[]}]

```

but this is my output:

![yyy](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/f/ef05a05b3dcae6a37151d400e546ace3ee68d500.png)

What am I doing wrong?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [15 January 2022 17:13 UTC](https://discourse.nodered.org/t/uibuilder-output-not-correct/56704/2 "2022-01-15T17:13:15Z")

</div>

> [@Giamma](#):
>
> I copied this flow

From where?

> [@Giamma](#):
>
> but this is my output

What did you expect?

> [@Giamma](#):
>
> What am I doing wrong

You probably haven't written any front-end code inside ui-builder

---

<div class="post-metadata">

**Author:** ![Giamma](https://avatars.discourse-cdn.com/v4/letter/g/e47774/32.png) [@Giamma](https://discourse.nodered.org/u/Giamma)\
**Post date:** [15 January 2022 17:34 UTC](https://discourse.nodered.org/t/uibuilder-output-not-correct/56704/3 "2022-01-15T17:34:24Z")

</div>

Thank you for reply, but after have read many post I understand I should forget it.  
uiBuilder is too complicated for me ....

---

<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:** [15 January 2022 18:14 UTC](https://discourse.nodered.org/t/uibuilder-output-not-correct/56704/4 "2022-01-15T18:14:12Z")

</div>

uibuilder does require you to write front-end code using HTML, CSS and JavaScript so if you don't have those skills yet, you would have a bit of a climb. By all means stick with Dashboard if you don't want to do front-end coding, just recognise that there are limits to what you can easily do in Dashboard - though many people have pushed things on a long way.

uibuilder gives you the freedom to write any kind of data-driven front-end but currently requires some coding knowledge. There is an intent to create code-lite or code-free extensions but without additional developers to work on it, it will take a long time for me to get anywhere.

---

<div class="post-metadata">

**Author:** ![Giamma](https://avatars.discourse-cdn.com/v4/letter/g/e47774/32.png) [@Giamma](https://discourse.nodered.org/u/Giamma)\
**Post date:** [15 January 2022 19:15 UTC](https://discourse.nodered.org/t/uibuilder-output-not-correct/56704/5 "2022-01-15T19:15:02Z")

</div>

Ok, thank you for explaining .....

---

<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:** [16 March 2022 19:15 UTC](https://discourse.nodered.org/t/uibuilder-output-not-correct/56704/6 "2022-03-16T19:15:05Z")

</div>

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