Question
Endeavour Energy
Endeavour Energy
AU
Endeavour Energy
Posted: Jul 14, 2019
Last activity: Jul 18, 2019
Last activity: 18 Jul 2019 5:37 EDT
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: 5 years ago
Pegasystems Inc.
Pegasystems Inc.
IN
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); }
}