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

Hi Matt,



This looks really great! One question though, will this functionality work in all service now versions or is there any dependency?



Thanks,


Prajakta


lomouhamadou
Kilo Guru

Hi Matt,

 

I checked the links but these files are no longer on the share.

Do you still have them somewhere, please?

 

Thanks in advance,

 

 

Regs,

 

Lo 

Hi Lo,

 

WOW what a blast from the past.. I really had to dig to find this.. I just updated it and put it back on the new share.. Tested it as well works for London with not a single code edit..  I updated the links at the top of the post here they are below. To use follow the instructions at the top. 

 

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...

I have the original .xml if you're still looking? Aware its been three years but still....

Mathias Vandend
Mega Sage

Hi,

 

I just installed this app. But when i test it, i doesn't show the html data.

 

find_real_file.png

 

in the annotation i've added 'test 123' in the html field.

 

find_real_file.png

 

Am I doing something wrong? (we're on New York version)