Expand my Community achievements bar.

Join our product experts for a live Ask Me Anything on November 12th at 8 AM PT about Experiences & Efficiency with AEP Agent Orchestrator & How Agentic AI is Fueling Smarter Testing and Growth!

AJO Template Responsiveness Issue with Injected HTML

Avatar

Level 2

Hi team,

We’re seeing an issue where HTML injected via {{{context.messageBody}}} overflows on mobile devices. AJO wraps the content in containers with fixed width and transform: scale(), which breaks responsive designs that work fine with other providers. Attempts to override via CSS or viewport meta tags are ineffective.

Can you provide a way to disable this scaling wrapper or send the injected HTML “as-is” so that responsive CSS works correctly? This would allow transactional emails to render properly on mobile apps like Gmail and Outlook.

Thanks,

Tapan

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Reply

Avatar

Community Advisor

@TapanSaikiaTo optimize the process and mitigate potential rendering issues, I recommend structuring the HTML within the AJO email builder. This way, you can ensure that only essential contextual personalization data is passed, thereby circumventing the complexities and errors that can arise from directly injecting entire HTML structures. Also, if you inject HTML as messageBody, it may affect the performance of email delivery, especially with transactional emails. 

 

Thanks, Sathees