Recherches récentes

Pas de recherche récente

HTML trouble with Zignatures app

Avec réponse
image avatar

Renaud Croix

Most Engaged Newbie of the Year - 2021

Publication le 12 août 2021

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

0

3

3 commentaire

Date
    image avatar

    Tipene Hughes

    Zendesk Developer Advocacy

    Hey @...,

    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

    0

    image avatar

    Claire Chen

    Hey Renaud Croix

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

    Thank you!

    0

    image avatar

    Arno (EMEA Partner)

    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.

    1

    Vous devez vous connecter pour laisser un commentaire.

    Vous ne trouvez pas ce que vous cherchez ?

    Nouvelle publication