# Dashboard text scroll box with large history. How to?

**URL:** <https://discourse.nodered.org/t/dashboard-text-scroll-box-with-large-history-how-to/72400>\
**Category:** Dashboard\
**Created:** [19 December 2022 00:12 UTC](https://discourse.nodered.org/t/dashboard-text-scroll-box-with-large-history-how-to/72400 "2022-12-19T00:12:55Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![nelgin](https://avatars.discourse-cdn.com/v4/letter/n/6de8d8/32.png) [@nelgin](https://discourse.nodered.org/u/nelgin)\
**Post date:** [19 December 2022 00:12 UTC](https://discourse.nodered.org/t/dashboard-text-scroll-box-with-large-history-how-to/72400/1 "2022-12-19T00:12:55Z")

</div>

It seems like a few years since this has been asked so I thought I'd see if there was a more modern implementation of a text scroll box with a large history for the dashboard.

The oft pointed to example seems to only add from the top not to the bottom and doesn't scroll, just removes the last item if there's more than ten.

What I need to to add to the bottom of the display and have a vertical scroll back that lets me go back at least 2000 lines.

Open to suggestions.

---

<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:** [19 December 2022 02:01 UTC](https://discourse.nodered.org/t/dashboard-text-scroll-box-with-large-history-how-to/72400/2 "2022-12-19T02:01:13Z")

</div>

I do something similar for searching for alarm events just using a UI-list node, you would need to send the last 2000 records each time it updates though, maybe not super efficient but just tested with 2500 records and it works fine on my PC browser.

Last post here may be useful ? [https://discourse.nodered.org/t/help-with-displaying-text-log/37333/5](https://discourse.nodered.org/t/help-with-displaying-text-log/37333/5)

---

<div class="post-metadata">

**Author:** ![nelgin](https://avatars.discourse-cdn.com/v4/letter/n/6de8d8/32.png) [@nelgin](https://discourse.nodered.org/u/nelgin)\
**Post date:** [19 December 2022 03:39 UTC](https://discourse.nodered.org/t/dashboard-text-scroll-box-with-large-history-how-to/72400/3 "2022-12-19T03:39:00Z")

</div>

Thank you, I will investigate the post you provided.

---

<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:** [19 December 2022 11:59 UTC](https://discourse.nodered.org/t/dashboard-text-scroll-box-with-large-history-how-to/72400/4 "2022-12-19T11:59:29Z")

</div>

You can certainly do this with raw HTML via the DOM, not sure about Angular as I don't use it but I would guess you can. These days though, manipulating the DOM is fairly easy. Indeed, my new uibuilder front-end client library has it built right in so that you can send some JSON from node-red and have the client build the HTML for you. 😉

---

<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:** [20 December 2022 00:17 UTC](https://discourse.nodered.org/t/dashboard-text-scroll-box-with-large-history-how-to/72400/5 "2022-12-20T00:17:19Z")

</div>

I had a similar question here if it helps you -  
[https://discourse.nodered.org/t/create-and-display-log-in-dashboard/72384](https://discourse.nodered.org/t/create-and-display-log-in-dashboard/72384)

---

<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:** [19 January 2023 00:17 UTC](https://discourse.nodered.org/t/dashboard-text-scroll-box-with-large-history-how-to/72400/6 "2023-01-19T00:17:56Z")

</div>

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