Question
4
Replies
483
Views
Infosys
Posted: July 14, 2019
Last activity: July 18, 2019
Closed
How to show messages in scrolling way on UI
Hi,
Iam looking for ways to show messages on screen in scrolling fashion.
I was able to show it using marquee html tag , but seen that marquee tag is obsolete one and not recommended also.
what are the other ways to do in Pega in a proper way?
Thanks,
Sowjanya
***Moderator Edit-Vidyaranjan: Updated Platform Capability***
Posted: 1 year ago
Can you share the custom code of js/css ? Is it advisable to have scrolling texts ? Does it affect the system in any way?
Posted: 1 year ago
Try this:
Markup:
<div class="marquee">
<p> Hello </p>
</div>
CSS
.marquee {
width: 200px;
background-color: Pink;
color: Black;
overflow: hidden;
}
.marquee p {
display: inline-block;
animation: marquee 10s linear infinite;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
Hi,
There is no OOTB way to achieve this requirement as far as i know. you need to write custom js, Jquery or CSS code to scroll the text.