Forum Discussion

SteveDavidson's avatar
SteveDavidson
Qrew Cadet
5 years ago
Solved

Inline CSS Styling of Images in Notification Emails

I have a rich text field that uses the below code to display an image from the web if a url is entered in the imageURL field, otherwise it will display the image using the url in the backupimage field...
NotificationsEmail
  • SteveDavidson's avatar
    SteveDavidson
    5 years ago
    As an update to this, removing the 'px' from the width specification seemed to work, and the images are properly re-sized in HTML email notifications now in Outlook and Gmail. Here's the working code in case anyone stumbles upon this post in the future:

    var text backupimage = [backupimage];
    var text storyimage ="<center><a href='"&[originalLink]&"' target='_blank'><img width='150' src='"&[imageURL]&"'></a></center>";

    If([imageURL]="",$backupimage,$storyimage)

    The [backupimage] field is also a formula rich-text field with a similar <img> tag, but with a hard-coded image URL.

    Thanks again Sam!

    ------------------------------
    Steve Steve
    ------------------------------
SteveDavidson's avatar
SteveDavidson
Qrew Cadet
5 years ago
Thanks for the help, Sam,

I'll do some googling and asking some people around the office, but I appreciate the offer!

I'll likely just end up deciding to host the images on our server or in a QB uploads table to avoid any potential hotlinking issues so will just resize the images manually for now.

Thanks again!

------------------------------
Steve Steve
------------------------------
SteveDavidson's avatar
SteveDavidson
Qrew Cadet
5 years ago
As an update to this, removing the 'px' from the width specification seemed to work, and the images are properly re-sized in HTML email notifications now in Outlook and Gmail. Here's the working code in case anyone stumbles upon this post in the future:

var text backupimage = [backupimage];
var text storyimage ="<center><a href='"&[originalLink]&"' target='_blank'><img width='150' src='"&[imageURL]&"'></a></center>";

If([imageURL]="",$backupimage,$storyimage)

The [backupimage] field is also a formula rich-text field with a similar <img> tag, but with a hard-coded image URL.

Thanks again Sam!

------------------------------
Steve Steve
------------------------------