最近搜索

没有最近搜索

HTML trouble with Zignatures app

已回答
image avatar

Renaud Croix

Most Engaged Newbie of the Year - 2021

已于 2021年8月12日 发布

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 条评论

日期
    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

    请先登录再写评论。

    找不到所需的内容？

    新建帖子