Question
Tata Consultancy Services
Tata Consultancy Services
AU
Tata Consultancy Services
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
PEGA
Pegasystems Inc.
IN
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.
Posted: 5 years ago
Tata Consultancy Services
Tata Consultancy Services
AU
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: 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); }
}