Solved

Dynamic image - Adobe Campaign classic emailer issue

Forum|Forum|2 years ago
September 22, 2023
3 replies
1455 views

<tr><td class="w100p_m hauto_m show_m bg-mob-image" align="center" valign="top" aria-hidden="true" height="329px" background="https://bmw-eu-apac-mkt-prod1-m.adobe-campaign.com/res/img/2F955E062A5EBD0BD8F4C8F2A0C0372F.jpg" style="background-image: url('https://bmw-eu-apac-mkt-prod1-m.adobe-campaign.com/res/img/2F955E062A5EBD0BD8F4C8F2A0C0372F.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; font-size:2px; line-height:2px; mso-hide: all; "><img src="<%= targetData.optionsCode %>" class="w100p_m hauto_m show_m" width="100%" height="100%" border="0" style="display:none; visibility:hidden; mso-hide: all;" alt=""></td></tr>

Hi above is the my code used in emailer. img src="<%= targetData.optionsCode %>" this is not working properly. I got this code from ACC tester & image not seen. I don't know what the issue

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Manoj_Kumar

Hello @shashikala

This code will not work for Outlook. For Outlook specifically, you will have to use VML (Vector Markup Language).

Along with this code, you will have to use VML code to render background images in Outlook.

It will look something like this:

  <!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="<%= targetData.optionsCode %>" />
  </v:background>
  <![endif]-->

I would suggest reaching out to the person who built this HTML and asking them to add VML support for Outlook clients.

LakshmiPravallika

Community Advisor

Hi @shashikala ,

When tested the same code for me its working fine in Outlook and gmail for Image loading, the width and height needs to be adjusted for gmail and Outlook for proper rendering.

Also , please use alt text inside html so that if the Image don't get loaded, it will show the text value given in this Tag.

PFA the code added with alt text

<tr><td class="w100p_m hauto_m show_m bg-mob-image" align="center" valign="top" aria-hidden="true" background="https://bmw-eu-apac-mkt-prod1-m.adobe-campaign.com/res/img/2F955E062A5EBD0BD8F4C8F2A0C0372F.jpg" alt="Test Image12" height="329px" style="background-image: url('https://bmw-eu-apac-mkt-prod1-m.adobe-campaign.com/res/img/2F955E062A5EBD0BD8F4C8F2A0C0372F.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; font-size:2px; line-height:2px; mso-hide: all; "><img src="<%= targetData.optionsCode %>" class="w100p_m hauto_m show_m" width="100%" height="100%" border="0" style="display:none; visibility:hidden; mso-hide: all;" alt="Test Image"></td></tr>

Also, Please set the data for optionsCode in the workflow for this variable to work inside html as shown below

Here the Image loading works fine, but the width and height needs to be adjusted as per requirements in the HTML Code.

Regards,

Pravallika.

S

shashikalaAuthor

Thank you for the reply.
Actually there are 2 images. one is background & another one is car image called in cozy code. But that code not working. When its done testing on ACC then Outlook will not show background image & that cozy code car image. Please let me know if you have any solution on this.

ParthaSarathy

Community Advisor

Hi @shashikala ,

In your workflow, Right click the inbound transition of 'Delivery' activity > Display the target.

Check whether you have @optionsCode in temporary table (Top-Right you can see 'Schema' tab)

Copy the URL from 'Data' tab, and paste the URL in your browser, and verify the image URL render properly.

~ ParthaSarathy S~ Click here to join ADOBE CAMPAIGN USER GROUP for Quarterly In-person | Hybrid | Virtual Meetups

Manoj_Kumar

Accepted solution

Community Advisor

Hello @shashikala

This code will not work for Outlook. For Outlook specifically, you will have to use VML (Vector Markup Language).

Along with this code, you will have to use VML code to render background images in Outlook.

It will look something like this:

  <!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="<%= targetData.optionsCode %>" />
  </v:background>
  <![endif]-->

I would suggest reaching out to the person who built this HTML and asking them to add VML support for Outlook clients.

Manoj | https://themartech.pro

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded