# Dashboard UI List, resize chart as items add

**URL:** <https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700>\
**Category:** Dashboard\
**Created:** [3 February 2022 05:29 UTC](https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700 "2022-02-03T05:29:42Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![dannnsssy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dannnsssy/32/55666_2.png) [@dannnsssy](https://discourse.nodered.org/u/dannnsssy)\
**Post date:** [3 February 2022 05:29 UTC](https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700/1 "2022-02-03T05:29:42Z")

</div>

Hi Folks,

Im using the UI List node, it seems to work well, however when "size" set to auto, it only adjusts its size according to the content it contained when the flow was started or UI page refreshed (F5). Is there a way of getting the UI list to recalculate its size within the flow?

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/b/5bfb095cc9f7555b588c63a2a67267c56036993f.png)

Notice the scrollbar on the right? If I refresh the UI page, the list is stretched so as not to require the scrollbar.

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [3 February 2022 09:00 UTC](https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700/2 "2022-02-03T09:00:29Z")

</div>

Not really no. I f it was very dynamic it could cause the whole page to re-layout by pushing things into different columns etc so would look really bad.

---

<div class="post-metadata">

**Author:** ![dannnsssy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dannnsssy/32/55666_2.png) [@dannnsssy](https://discourse.nodered.org/u/dannnsssy)\
**Post date:** [7 February 2022 02:18 UTC](https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700/3 "2022-02-07T02:18:04Z")

</div>

Thanks for your response @dceejay.

---

<div class="post-metadata">

**Author:** ![dannnsssy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dannnsssy/32/55666_2.png) [@dannnsssy](https://discourse.nodered.org/u/dannnsssy)\
**Post date:** [7 February 2022 02:19 UTC](https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700/4 "2022-02-07T02:19:09Z")

</div>

Just a thought though - if this is the case - doesn't it apply anyway with the UI-Lists "Auto" size feature?

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [7 February 2022 02:31 UTC](https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700/5 "2022-02-07T02:31:11Z")

</div>

Auto means it will be the full width of the UI group, any other value allows you to make it smaller than the group but not bigger !

---

<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:** [9 March 2022 02:31 UTC](https://discourse.nodered.org/t/dashboard-ui-list-resize-chart-as-items-add/57700/6 "2022-03-09T02:31:33Z")

</div>

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