# Add dynamicaly elements

**URL:** <https://discourse.nodered.org/t/add-dynamicaly-elements/45137>\
**Category:** Dashboard\
**Created:** [3 May 2021 19:25 UTC](https://discourse.nodered.org/t/add-dynamicaly-elements/45137 "2021-05-03T19:25:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![chuckyro](https://avatars.discourse-cdn.com/v4/letter/c/74df32/32.png) [@chuckyro](https://discourse.nodered.org/u/chuckyro)\
**Post date:** [3 May 2021 19:25 UTC](https://discourse.nodered.org/t/add-dynamicaly-elements/45137/1 "2021-05-03T19:25:13Z")

</div>

Hi,

Is it possible to add dynamically (in a dashboard tab) different components at runtime, based on different criteria/values?

For eg. I have 10 IoTs sensors defined (in a list or db table) ...so I want 10 charts to be generated!  
next day I'll add 2 more in that list/table ... so 2 more charts to be generated (added) in this dashboard.

(fetching data is not important here)

Thank you,

---

<div class="post-metadata">

**Author:** ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)\
**Post date:** [4 May 2021 05:16 UTC](https://discourse.nodered.org/t/add-dynamicaly-elements/45137/2 "2021-05-04T05:16:12Z")

</div>

That is not possible with the Node-RED Dashboard.

However, you can use the `ui_template` node and use AngularJS (which Dashboard is based upon) to dynamically create content at runtime in there. Basic understanding of HTML and AngularJS is necessary, of course.

---

<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:** [3 June 2021 05:16 UTC](https://discourse.nodered.org/t/add-dynamicaly-elements/45137/3 "2021-06-03T05:16:54Z")

</div>

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