RAJESHN0945 Member since 2016 4 posts
Posted: August 9, 2020
Last activity: August 14, 2020

Image in email body not coming/rendering in outlook

Hi All,

I have a requirement to show case information on top of an image in Outlook email. I was able to glossify all the information that is needed in case and able to see in outlook email, except image in background.

I tried all sort of possible options such as,

1. image src. With this image comes but as standalone, beneath tah case information comes

2. Added image in background/background-image (url) attribute in CSS class and tried using in div, but failed to get image in outlook email,

3. Tried adding image in Pega section HTML section, failed

In all the above options - email attachment in case renders image in email body background. Since its browser so it may be working.

But ideally in outlook email image should come in background and on top of it all case information should be seen.

Please share some insights on this issue, find below a sample HTML code which i am using.

HTML Code:

<html> <head> <style> .container {   position: relative;   text-align: center;   color: red;   background-image:url('img_nature_wide.jpg'); } </style> </head> <body>

<h2>Image Text</h2> <p>How to place text over an image:</p>

<div class="container">Sample Label <h2>Case Information</h2>

<table style="width:100%">   <tr>     <th>Firstname</th>     <th>Lastname</th>      <th>Age</th>   </tr>   <tr>     <td>Jill</td>     <td>Smith</td>     <td>50</td>   </tr>   <tr>     <td>Eve</td>     <td>Jackson</td>     <td>94</td>   </tr>   <tr>     <td>John</td>     <td>Doe</td>     <td>80</td>   </tr> </table> </div> </body> </html>




 ***Edited by Moderator: Pallavi to move from Pega Academy to Product***  


Pega Platform 8.3.2 User Interface Case Management Reporting Data Integration Java and Activities Manufacturing and High Technology System Architect
Share this page LinkedIn