Is ServiceNow variable supports the URL link Blinking

[vallusri]

I have a Rich Text variable in a Service Catalog item where I display a URL. I would like the URL to blink when users open the catalog form so that it grabs their attention.

Is it possible to make a URL blink in a catalog item. If yes, could someone please share the best or recommended approach?

[Tanushree Maiti]

Hi @vallusri 

You can follow this video how it blinking  with Rich Text variable

https://www.youtube.com/watch?v=wPdREpO5pug

Also , if you use HTML variable , CSS Animation also can be applied.

Refer : Step by step how to add HTML, CSS & JS to create an animated page.

Testing URL (you need to click a dot)

https://codepen.io/akm2/pen/AGgarW

[J Siva]

Hi @vallusri 
Yes, you can using CSS.
Below is a sample. 

<style>.attention-link {
  display:inline-block;
  padding:10px 16px;
  border-radius:8px;
  font-weight:bold;
  font-size:15px;
  text-decoration:none;
  background:#E6F2FF;
  animation:glowBlink 1.6s infinite;
}

@keyframes glowBlink {
  0% {
    background-color:#E6F2FF;
    color:#0072C6;
    box-shadow:0 0 6px rgba(0,114,198,0.4);
  }
  50% {
    background-color:#DFF6DD;
    color:#107C10;
    box-shadow:0 0 12px rgba(16,124,16,0.6);
  }
  100% {
    background-color:#E6F2FF;
    color:#0072C6;
    box-shadow:0 0 6px rgba(0,114,198,0.4);
  }
}
</style>
<p><a class="attention-link" href="https://developer.servicenow.com/dev.do" target="_blank" rel="noopener noreferrer nofollow"> Important &ndash; Click here </a></p>

Regards,
Siva

[vallusri]

Thanks for reply

where should I wrote this script, can I write this is in Rich text variable.

[J Siva]

Click the highlighted icon and write your HTML script.