# Trying to Create a News ticker in Node red

**URL:** https://discourse.nodered.org/t/trying-to-create-a-news-ticker-in-node-red/57200
**Category:** Dashboard
**Tags:** node-red-dashboard
**Created:** [25 January 2022 11:08 UTC](https://discourse.nodered.org/t/trying-to-create-a-news-ticker-in-node-red/57200 "2022-01-25T11:08:26Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Zak](https://avatars.discourse-cdn.com/v4/letter/z/8e7dd6/32.png) [@Zak](https://discourse.nodered.org/u/Zak)
#### Post date: [25 January 2022 11:08 UTC](https://discourse.nodered.org/t/trying-to-create-a-news-ticker-in-node-red/57200/1 "2022-01-25T11:08:26Z")

</div>

Hey There.

i am trying to create the following in Node Red:  
1- i have a database that contain data  
2- i want to select the data from the database table  
3- i want to display the data in some sort of a news ticker ( moving line that shows the headlines)

so far i am able to select the data that i want however i didnt find any easy way or any node that will receive my payload and display it in the news ticker.

if anyone has an idea on how can i display the data in this shape that would be very appreciated.

P.S: i came across something called react-ticker on the net but i couldnt manage to install it in my environment, however i would like to receive the same results as react-ticker.

---

<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: [25 January 2022 11:38 UTC](https://discourse.nodered.org/t/trying-to-create-a-news-ticker-in-node-red/57200/2 "2022-01-25T11:38:53Z")

</div>

As node-red-dashboard is NOT a react project, you need to look at something that is either vanilla HTML, JS or jQuery. There are lots of examples for "marquee ticker html" and "marquee ticker jquery" around the internet

for example, it would be easy enough to adapt [this basic html marquee demo](https://jsfiddle.net/ho34yvtL/1/) in a ui-template

---

<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: [25 January 2022 15:16 UTC](https://discourse.nodered.org/t/trying-to-create-a-news-ticker-in-node-red/57200/3 "2022-01-25T15:16:07Z")

</div>

> [@Zak](#):
>
> react-ticker

REACT is a front-end framework for dynamic web interfaces. As Steve says, this is not natively a part of Node-RED.

However, you could use it with the help of uibuilder which lets you build Node-RED data-driven UI's using any (or no) framework. However, it sounds as though you don't have experience in building web interfaces and to implement a REACT web UI, even a simple one would be a steep learning curve.

---

<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: [25 January 2022 16:21 UTC](https://discourse.nodered.org/t/trying-to-create-a-news-ticker-in-node-red/57200/4 "2022-01-25T16:21:07Z")

</div>

Another thing to add to my dashboard - I have about 3/4 of a line still visible accross the bottom edge 😉  
If keep the text size down this will just fit in !

---

<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: [24 February 2022 16:21 UTC](https://discourse.nodered.org/t/trying-to-create-a-news-ticker-in-node-red/57200/5 "2022-02-24T16:21:21Z")

</div>

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