Black Lives Matter. Please consider donating to Black Girls Code today.

Scrolling text in Dash

Good day guys. I was wondering is it possible to create a dash app that has text that scrolls horizontally like a news feed on the screen. I have come across one done by tkinter but was having challenges intergrating it to a dash apps. My thought was it would be updated by the update functions and it would be going in any direction prefered by any individual. You can take a look at this link for the tkinter example.

Doing this with CSS animations is going to be the most straightforward to implement in Dash, as you can then just define all your styles either as attributes of your Dash html components or within your own stylesheet. Here’s a codepen with an example you could copy. Alternatively, you could convert a React component that already implements this (such as this <marquee> component) into a Dash component.

2 Likes