# UI design in node automatically according to number of CAN bus

**URL:** <https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277>\
**Category:** General\
**Created:** [1 September 2020 05:25 UTC](https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277 "2020-09-01T05:25:39Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![shipra](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@shipra](https://discourse.nodered.org/u/shipra)\
**Post date:** [1 September 2020 05:25 UTC](https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277/1 "2020-09-01T05:25:39Z")

</div>

I am designing a flow in which gateway side i am sending data to door controller via can bus and to node red ui through mqtt .I have to design UI for door on/off button and status of door in text ,but automatically it means x no of can bus if i am using then x no. of door ui would automatically designed in node red.Please help .

thank you

---

<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:** [1 September 2020 10:23 UTC](https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277/2 "2020-09-01T10:23:26Z")

</div>

Assuming you are using the Node-RED Dashboard, you will need to read up on using Angular v1's loop feature. You can then use this in a ui\_template node.

---

<div class="post-metadata">

**Author:** ![shipra](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@shipra](https://discourse.nodered.org/u/shipra)\
**Post date:** [1 September 2020 10:25 UTC](https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277/3 "2020-09-01T10:25:03Z")

</div>

firstly thank you sir for giving answer,but can you tell how to use Angular v1 loops ,i really need help in 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:** [1 September 2020 10:29 UTC](https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277/4 "2020-09-01T10:29:24Z")

</div>

`ng-repeat` is what you need to investigate. I'm afraid I no longer regularly use Dashboard and don't currently have time to expand. You will certainly find examples however, both in this forum, on the Flows site and on the Internet.

---

<div class="post-metadata">

**Author:** ![shipra](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@shipra](https://discourse.nodered.org/u/shipra)\
**Post date:** [1 September 2020 15:14 UTC](https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277/5 "2020-09-01T15:14:13Z")

</div>

Sir i searched but not getting any idea.please can you help

---

<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:** [1 September 2020 16:04 UTC](https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277/6 "2020-09-01T16:04:33Z")

</div>

[https://www.startpage.com/do/dsearch?query=ng-repeat+node-red&cat=web&pl=opensearch&language=english\_uk](https://www.startpage.com/do/dsearch?query=ng-repeat+node-red&cat=web&pl=opensearch&language=english_uk)

---

<div class="post-metadata">

**Author:** ![shipra](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@shipra](https://discourse.nodered.org/u/shipra)\
**Post date:** [2 September 2020 05:38 UTC](https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277/7 "2020-09-02T05:38:10Z")

</div>

Thank you Sir.I will read this and ask my doubts if any .

---

<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:** [1 November 2020 05:38 UTC](https://discourse.nodered.org/t/ui-design-in-node-automatically-according-to-number-of-can-bus/32277/8 "2020-11-01T05:38:22Z")

</div>

Closed on 1 November 2020 05:38 UTC

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