# Can we make a running text on node red?

**URL:** <https://discourse.nodered.org/t/can-we-make-a-running-text-on-node-red/62543>\
**Category:** General\
**Created:** [12 May 2022 03:59 UTC](https://discourse.nodered.org/t/can-we-make-a-running-text-on-node-red/62543 "2022-05-12T03:59:04Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![rzl281](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rzl281/32/61490_2.png) [@rzl281](https://discourse.nodered.org/u/rzl281)\
**Post date:** [12 May 2022 03:59 UTC](https://discourse.nodered.org/t/can-we-make-a-running-text-on-node-red/62543/1 "2022-05-12T03:59:04Z")

</div>

how to make a running text on node red?

---

<div class="post-metadata">

**Author:** ![nico25](https://avatars.discourse-cdn.com/v4/letter/n/d2c977/32.png) [@nico25](https://discourse.nodered.org/u/nico25)\
**Post date:** [12 May 2022 05:08 UTC](https://discourse.nodered.org/t/can-we-make-a-running-text-on-node-red/62543/2 "2022-05-12T05:08:11Z")

</div>

You mean something like this?:

```auto
[
    {
        "id": "8bd4909af00760b3",
        "type": "ui_template",
        "z": "bd54c6a8.5d776",
        "group": "f139e62.e7f4a18",
        "name": "",
        "order": 3,
        "width": "5",
        "height": "1",
        "format": "<style>\n.scroll-left {\n height: 50px;\t\n overflow: hidden;\n position: relative;\n background: yellow;\n color: orange;\n border: 1px solid orange;\n}\n.scroll-left p {\n position: absolute;\n width: 100%;\n height: 100%;\n margin: 0;\n line-height: 50px;\n text-align: center;\n /* Starting position */\n transform:translateX(100%);\n /* Apply animation to this element */\n animation: scroll-left 15s linear infinite;\n}\n/* Move it (define the animation) */\n@keyframes scroll-left {\n 0% {\n transform: translateX(100%); \t\t\n }\n 100% {\n transform: translateX(-100%); \n }\n}\n</style>\n\n<div class=\"scroll-left\">\n<p>Scroll left... </p>\n</div>\n",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "local",
        "className": "",
        "x": 840,
        "y": 480,
        "wires": [
            []
        ]
    },
    {
        "id": "f139e62.e7f4a18",
        "type": "ui_group",
        "name": "Wohnzimmer",
        "tab": "5aa95dc.23f2224",
        "order": 1,
        "disp": false,
        "width": "7",
        "collapse": false,
        "className": ""
    },
    {
        "id": "5aa95dc.23f2224",
        "type": "ui_tab",
        "name": "Home",
        "icon": "dashboard",
        "disabled": false,
        "hidden": false
    }
]

```

---

<div class="post-metadata">

**Author:** ![rzl281](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rzl281/32/61490_2.png) [@rzl281](https://discourse.nodered.org/u/rzl281)\
**Post date:** [18 May 2022 02:31 UTC](https://discourse.nodered.org/t/can-we-make-a-running-text-on-node-red/62543/3 "2022-05-18T02:31:22Z")

</div>

where should i put it on, sorry im newbie at node red

---

<div class="post-metadata">

**Author:** ![OriolFM](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/oriolfm/32/30710_2.png) [@OriolFM](https://discourse.nodered.org/u/OriolFM)\
**Post date:** [18 May 2022 05:59 UTC](https://discourse.nodered.org/t/can-we-make-a-running-text-on-node-red/62543/4 "2022-05-18T05:59:14Z")

</div>

That would be basic HTML. Just pass a Marquee tag into a dashboard text node.

[HTML - marquee Tag (tutorialspoint.com)](https://www.tutorialspoint.com/html/html_marquee_tag.htm)

---

<div class="post-metadata">

**Author:** ![rzl281](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rzl281/32/61490_2.png) [@rzl281](https://discourse.nodered.org/u/rzl281)\
**Post date:** [19 May 2022 03:29 UTC](https://discourse.nodered.org/t/can-we-make-a-running-text-on-node-red/62543/5 "2022-05-19T03:29:50Z")

</div>

thanks! OriolFM its solved i forgot we can put html too in node red 😅.

---

<div class="post-metadata">

**Author:** ![OriolFM](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/oriolfm/32/30710_2.png) [@OriolFM](https://discourse.nodered.org/u/OriolFM)\
**Post date:** [20 May 2022 08:07 UTC](https://discourse.nodered.org/t/can-we-make-a-running-text-on-node-red/62543/6 "2022-05-20T08:07:34Z")

</div>

It's fine, sometimes people tend to overthink simple stuff.

In the beginning I had a lot of problems scaling my dashboard because I had to display many fields from several machines, and I was placing a lot of text nodes for each machine, assigning them to a tab and then to a group, adding spacers, and so on... it was painful.

In the end, I realised I could just prepare a single HTML string per machine, dimensioned like a table, and use a single text node per machine to display all the parameters. Much easier and simpler, and I could replicate the same setup by just using the same function node or subflow to prepare the HTML.

I thought about the Marquee tag because I already came up with that HTML thing earlier in my workflow, but I have to admit, it took me a while to figure it out.

---

<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 2022 08:07 UTC](https://discourse.nodered.org/t/can-we-make-a-running-text-on-node-red/62543/7 "2022-06-03T08:07:41Z")

</div>

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