NEWS Tickers In SAP Design Studio

[Former Member]

Hi,

Can We Add NEWS Tickers In SAP Design Studio?

Its 4 Texts Moving from Right to left.

Thanks & Regards

[Former Member · Accepted solution]

@Michael, cool Ticker example.

here we have CSS for the simple "old school" ticker (left to right)

CSS3 Marquee - JSFiddle

.marquee {

    width: 450px;

    margin: 0 auto;

    overflow: hidden;

    white-space: nowrap;

    box-sizing: border-box;

    animation: marquee 10s linear infinite;

}

.marquee:hover {

    animation-play-state: paused

}

@keyframes marquee {

    0%   { text-indent: 100% }

    100% { text-indent: -50% } // depending on text length...

}

[mike_howles4 · Accepted solution]

To clarify, I didn't come up with the JSFiddle that I linked, but yeah, it's kinda cool.

I like yours much better, much less CSS craziness going on in your example.  I like it, and it's closer to what Nikhil was looking for anyways (scrolling RTL).

[Former Member · Accepted solution]

you are right, its RTL not LTR 🙂

[Former Member · Accepted solution]

Hi,

Thanks Daniel .

It worked for Corme .

But Its not Working in Internet Explorer 9 .

Still I got what I want.

Thanks Again

[mike_howles4]

I think you can do this without resorting to an SDK (which you could easily do there).  If you restrain yourself to only HTML and CSS, looks like you could start with something like the link below and adapt based on differing CSS names and Elements, perhaps:

CSS News Ticker | CSSDeck