# Anyone have an example of a scrolling text box using the new dashboard 2.0?

**URL:** https://discourse.nodered.org/t/anyone-have-an-example-of-a-scrolling-text-box-using-the-new-dashboard-2-0/100052
**Category:** General
**Created:** [31 December 2025 02:31 UTC](https://discourse.nodered.org/t/anyone-have-an-example-of-a-scrolling-text-box-using-the-new-dashboard-2-0/100052 "2025-12-31T02:31:26Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Jibun-no-Kage](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jibun-no-kage/32/99316_2.png) [@Jibun-no-Kage](https://discourse.nodered.org/u/Jibun-no-Kage)
#### Post date: [31 December 2025 02:31 UTC](https://discourse.nodered.org/t/anyone-have-an-example-of-a-scrolling-text-box-using-the-new-dashboard-2-0/100052/1 "2025-12-31T02:31:26Z")

</div>

Anyone have an example of a scrolling text box using the new dashboard 2.0?

If memory serves, I recall there was a discussion on using a ring-buffer to scroll a multiple line text box? Or was it a template? But that example was based on the old dashboard.

---

<div class="post-metadata">

### Author: ![leftymuller](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/leftymuller/32/102326_2.png) [@leftymuller](https://discourse.nodered.org/u/leftymuller)
#### Post date: [31 December 2025 03:17 UTC](https://discourse.nodered.org/t/anyone-have-an-example-of-a-scrolling-text-box-using-the-new-dashboard-2-0/100052/2 "2025-12-31T03:17:16Z")

</div>

Hi Jibun,

I did this in dashboard 1 with some custom code

```auto
[
    {
        "id": "2e252ea2ae4b1869",
        "type": "ui_template",
        "z": "9c0feed7c0d72fbb",
        "group": "fb251dd8e77bab68",
        "name": "",
        "order": 1,
        "width": 13,
        "height": 3,
        "format": "<div id=\"scrolling-text\" style=\"width: 300px; overflow: hidden; white-space: nowrap;\"></div>\n\n<script>\n (function(scope) {\n scope.$watch('msg', function(msg) {\n if (msg) {\n var text = msg.payload;\n var speed = 80;\n var textLength = text.length;\n var currentPosition = 0;\n \n var intervalId = setInterval(function() {\n var scrolledText = \"\";\n for (var i = 0; i < 20; i++) {\n scrolledText += (currentPosition + i) < textLength ? text[currentPosition + i] : \" \";\n }\n currentPosition++;\n if (currentPosition >= textLength) {\n currentPosition = 0;\n }\n document.getElementById(\"scrolling-text\").innerHTML = scrolledText;\n }, speed);\n \n scope.$on('$destroy', function() {\n clearInterval(intervalId);\n });\n }\n });\n })(scope);\n</script>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "local",
        "className": "",
        "x": 900,
        "y": 300,
        "wires": [
            []
        ]
    },
    {
        "id": "e5c08e8a2c190019",
        "type": "function",
        "z": "9c0feed7c0d72fbb",
        "name": "function 1",
        "func": "msg.payload = \"A war of words has erupted between the media outlets and the Australian Bureau of Statistics (ABS), which has been accused of trying to “censor” the migration debate. The storm comes after the bureau corrected “misleading” reports that suggested the country was bringing in “1500 new people per day”.\";\nreturn msg;\n",
        "outputs": 1,
        "timeout": 0,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 720,
        "y": 300,
        "wires": [
            [
                "2e252ea2ae4b1869"
            ]
        ]
    },
    {
        "id": "f0e649d1d03dfdb6",
        "type": "inject",
        "z": "9c0feed7c0d72fbb",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 400,
        "y": 300,
        "wires": [
            [
                "e5c08e8a2c190019"
            ]
        ]
    },
    {
        "id": "fb251dd8e77bab68",
        "type": "ui_group",
        "name": "Default",
        "tab": "35a6c185cf163d99",
        "order": 1,
        "disp": true,
        "width": 13,
        "collapse": false,
        "className": ""
    },
    {
        "id": "35a6c185cf163d99",
        "type": "ui_tab",
        "name": "Home",
        "icon": "dashboard",
        "disabled": false,
        "hidden": false
    }
]

```

---

<div class="post-metadata">

### Author: ![Jibun-no-Kage](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jibun-no-kage/32/99316_2.png) [@Jibun-no-Kage](https://discourse.nodered.org/u/Jibun-no-Kage)
#### Post date: [31 December 2025 04:44 UTC](https://discourse.nodered.org/t/anyone-have-an-example-of-a-scrolling-text-box-using-the-new-dashboard-2-0/100052/3 "2025-12-31T04:44:14Z")

</div>

And given it is ui\_template based... likely just work via the new dashboard 2.0?

---

<div class="post-metadata">

### Author: ![leftymuller](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/leftymuller/32/102326_2.png) [@leftymuller](https://discourse.nodered.org/u/leftymuller)
#### Post date: [31 December 2025 04:55 UTC](https://discourse.nodered.org/t/anyone-have-an-example-of-a-scrolling-text-box-using-the-new-dashboard-2-0/100052/4 "2025-12-31T04:55:45Z")

</div>

Yes.. it should feel free to report back if it doesn't

---

<div class="post-metadata">

### Author: ![Jibun-no-Kage](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jibun-no-kage/32/99316_2.png) [@Jibun-no-Kage](https://discourse.nodered.org/u/Jibun-no-Kage)
#### Post date: [22 January 2026 04:44 UTC](https://discourse.nodered.org/t/anyone-have-an-example-of-a-scrolling-text-box-using-the-new-dashboard-2-0/100052/5 "2026-01-22T04:44:48Z")

</div>

Unfortunately... cannot import since I don't have dashboard 1.0 installed.

---

<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: [22 January 2026 06:34 UTC](https://discourse.nodered.org/t/anyone-have-an-example-of-a-scrolling-text-box-using-the-new-dashboard-2-0/100052/6 "2026-01-22T06:34:22Z")

</div>

Maybe you can take clues from this demo: [A scrolling terminal display in dashboard 2](https://discourse.nodered.org/t/a-scrolling-terminal-display-in-dashboard-2/88423)

It's also in the showcase on the dashboard online help site.

---

<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: [22 April 2026 06:34 UTC](https://discourse.nodered.org/t/anyone-have-an-example-of-a-scrolling-text-box-using-the-new-dashboard-2-0/100052/7 "2026-04-22T06:34:40Z")

</div>

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