Styling Not Rendered in IPaaS HTML Template

Please see below. I have an IPaaS HTML Template that renders correctly in the design mode, as well as a web browser, but when I use it in a Ticket Update action (using STD action), the styling of the template is lost.  The table data is displayed as expected, but there is no styling in the table.

https://app.screencast.com/VhqCThNNLh9FV

Can you point me in the right direction?

Thanks, Tevis

Asked by Tevis Boulware on Wed 9/18/24 5:09 PM Last edited Wed 10/23/24 2:08 PM
Sign In to leave feedback or contribute an answer

Answer (1)

This answer has been marked as the accepted answer
Mark Sayers Thu 9/19/24 12:03 PM

Hi Tevis,

We think that's because of the way that iPaaS templates handle styles. If you look at the raw HTML, does it have a

<style>
.table-row {background-color: "whatever"}
</style>

at the top?

If so, that's definitely not going to work because I dont think the feed item will take <style> tags.

 If you changed it to inline styles, that would work, e.g., 

<tr style="background-color: red;">
<td>Hello</td>
</tr>

 Sincerely,
Mark Sayers
Sr Support Consultant, CS

2 of 3 users found this helpful.
Hi Mark, the following is directly from the HTML example templated in IPaaS:

<tr style="background-color:#4F81BD;color:white;">

All I did was change the color value:

<tr style="background-color:#006241;color:white;">

Here is my code and I did not use a Style tag, but all of the styles are inline

<table style="width:75%;border:5px solid #006241;">
<tbody>
<tr style="background-color:#006241;color:white;">
<th style="width:30%;font-weight:bold;">CAB Group</th>
<th style="width:30%;font-weight:bold;">Due Date</th>
</tr><!--{{#notifications}}-->
<tr>
<td style="width:30%;"><!--{{group}}-->
</td>
<td style="width:30%;"><!--{{dueDate}}-->
</td>
</tr><!--{{/notifications}}-->
</tbody>
</table>

Tevis - Tevis Boulware Mon 9/23/24 11:34 AM
Sorry, did that behave any better for you or was it still a problem with the styles inline? - Mark Sayers Mon 9/23/24 11:55 AM
Hi Mark, The code posted was the original code, and I never used a Style section, only inline styles using the example provided in IPaaS. The table renders correctly in the design view, in Dreamweaver, and in a web browser, but not in the ticket feed. - Tevis Boulware Mon 9/23/24 12:20 PM
Thank you. We do not believe this is iPaaS specific. The Ticket Feed always will strip out inline style tags in sanitized spots (the Feed *is* a sanitized location). You can see that here: https://solutions.teamdynamix.com/TDClient/1965/Portal/KB/ArticleDet?ID=48230 : scroll down to Permanently-Disallowed HTML Elements, then read the notes under it where this is covered. - Mark Sayers Mon 9/23/24 1:31 PM
background-color is specified as automatically enabled in the "The following CSS properties are allowed automatically in formatted HTML content" - Tevis Boulware Mon 9/23/24 1:49 PM
On your Update Ticket action for the TDX Tickets (Production) connector, can you advise what is that "HTML Description = Yes" property? We don't have an API property with that name. Is that supposed to be IsRichHTML ? - Mark Sayers Mon 9/23/24 1:53 PM
See the attached, and I am using the STD Connector, with HTML selected, and providing the HTMLContent from the template. There is no "IsRichHTML" property on any of the actions that I see. - Tevis Boulware Mon 9/23/24 3:35 PM
Hi Mark. Have you any resolution to this question/issue? I have another example where the table displays as expected in the IPaaS template editor, in a normal web page, but the table is not styled correctly in the TDX Feed.

See the attached.

I want to get this resolved since I have several templates not working at expected. I am using the template provided in the IPaaS template editor. I would like to know if I am doing something incorrectly, or if there is an issue with the update ticket operations. - Tevis Boulware Wed 10/23/24 2:08 PM