HTML trouble with Zignatures app | Community
Skip to main content

HTML trouble with Zignatures app

  • August 12, 2021
  • 3 replies
  • 0 views

Zendesk15

Hello,

I'm testing the third party app Zignatures for agent signatures.
I've some trouble the HTML Code used and the rendering (mainly with the color)

  • HTML code used:

<div>
<table style="width: 250; font-family: Arial, sans-serif; font-size: 11px;">
<tbody>
<tr>
<td width="30" height="30"><img style="vertical-align: top; margin-right: 3px;" src="https://theme.zdassets.com/theme_assets/11229426/89198540fc0690d1fe5ea72369eec2678823beef.png" width="30" height="30" /></td>
<td valign="baseline"><span style="color: #333333; font-size: 12px; font-weight: bold; margin-top: 2px;">{{current_user.name}} </span></td>
</tr>
</tbody>
</table>
</div>
<div>
<div id="content" style="width: 250; font-family: Arial, sans-serif; font-size: 11px; font-variant: small-caps; margin-left: 2px; margin-top: 5px;"><span style="font-weight: bold; font-style: italic; color: #333333;">{{current_user.signature}}</span><br /><span style="font-weight: bold; font-size: 11px; color: #009966;">TEL:</span> {{current_user.phone}} <br /><span style="font-size: 11px; color: #009966;">Leuvensesteenweg 561, 1930 Zaventem</span><br /><a href="http://www.facq.be" target="_blank"><span style="color: #000000; font-variant: normal;">www.facq.be</span></a></div>
</div>

  • Rendering:

  • Expected rendering:

 

 

Any idea why

3 replies

Tipene
  • August 17, 2021

Hey @Renaud Croix,

I’ve taken a look at your code on my end — everything looks correct to me but I’m also seeing the same rendered results as you are. It might be worth taking a look at the repository for the app and raising an issue with the owner there:

https://github.com/zendesklabs/zignatures

Feel free to reach out if you have any other questions!

Tipene


  • February 14, 2023

Hey @zendesk15

Just want to check if you have any luck with the above? 

Thank you!


Arno11
  • June 19, 2023

Seems like the app inserts the signature into the editor before saving, and editor not supporting the table element strips out necessary style definitions for the table. Just a guess. Tried all tricks I could find, but was not able to implement side by side elements without table and borders.

If anyone has solved this without table, I would be glad to hear about it.