Smiley Face Survey on email

Ibaa_Shoheb
Tera Contributor

Hello All,

We have created the Smiley based survey on email. Issue/challenge we are facing are:

  1. Names are not coming properly under the smiley in outlook 2016. find_real_file.pngThe same can be viewed perfectly when I check from the tool (preview notification) from SNOW.find_real_file.pngScript written for this is find_real_file.png
  2. Hovering part is also not working in Outlook:find_real_file.pngInstead of getting the rating name we are getting script here. The same is working fine from tool :find_real_file.pngwe are getting excellent when I hover the pointer at the first smiley.

How can this issue be resolved? Everything seems to be fine and working in ServiceNow but when we get email on outlook the configuration changes? I am not sure what needs to be done here? Please guide.

Regards,
Shoheb Shaikh 

12 REPLIES 12

Chuck Tomasi
Tera Patron

Outlook is going to be Outlook - it renders how it wants when it wants.

If you're concerned about the alignment of those labels, you might want to take look at the HTML that does the formatting. The code snippet you included is all about constructing the links. Rather than putting the alignment in the a tag, create div tags around it that address the alignment, or use a table with cells and align there. Keep the links simple and clean for easier maintenance.

Hello Chuck,

I tried eliminating few things from the query. The hovering part is working fine on Gmail also. In outlook still no luck. Could you help me and let me know what I am missing here.

find_real_file.png

Regards,

Shoheb Shaikh 

Hi Shoheb,

Getting HTML to work exactly the same in all email clients is like chasing rainbows. 🙂 What works in Outlook may not work perfectly in Gmail. If you get Outlook and Gmail to work, then you'll have problems with Apple Mail. It's just one of those things that email clients never seem to agree upon. Even our full time developers struggle with this.

So Chuck what can be done in this scenario? When we hover the image we get he below highlighted text find_real_file.png

Instead of Hovering if we add name below to the smiley that can also be done but naming format is also not working as expected. (first image in this question for reference) 

How can we resolve this? We need to fix this at the earliest. 

Regards,

Shoheb Shaikh