Annotate - A beautiful intuitive annotation for ServiceNOW

Matt Saxton - G
Kilo Guru

Hi Dev's,

 

Recently i had a requirement to build Annotations in ServiceNOW. I tried using the built in annotations however this was very limited. I couldn't use images or html tables. So i wrote a macro to do this and used my SweetAlerts from share to make it pretty.

 

annotation1.gif

annotation2.gif

annotation3.gif

 

 

 

 

 

 

Config

 

You will need to install sweetalerts to use this.

 

https://developer.servicenow.com/app.do#!/share/contents/1722265_sweetalert2_a_beautiful_responsive_...

 

Once you have installed sweetalerts install Annotate

https://developer.servicenow.com/app.do#!/share/contents/1722265_annotate_a_beautiful_intuitive_anno...

 

 

 

Once installed you need to create Annotations for the UI macro to lookup.

Navigate to the Annotate menu and select new.

1.png

 

Fill out the form using the diagram below as reference.   In the case we are going to add an annotation to number on incident.   Set the ID/Title/HTML.

2.png

Next we need to update the dictionary field to use the macro. Open the incident form and right click on number and choose configure dictionary. You'll need to add

ref_contributions=annotate to the attributes field and save.

 

3.png

 

 

Once saved your annotation is now linked.   Have fun!

4.png

12 REPLIES 12

vidhya_srinivas
Tera Expert

This is fantastic!


thanks for sharing.


AJ63
Tera Expert

Great Job Mate!



Looks very interesting.



-AJ


thedexman
Tera Contributor

Very nice indeed!



How would I call a specific annotation using a client script?   I am thinking of another use case - fun little Easter eggs to popup and congratulate users under certain conditions.   I am thinking random generator to give popup of minions clapping when SD does a quick close.


Hi Dexter,



The application uses sweetalerts located on share.   View this post how to do those sweet popup's via client scripts.



SweetAlert - a beautiful replacement for javascript's "alert"