2017-02-02 9 views
0

DocuSignサンドボックス(テスト)環境を使用してデジタル署名用のHTMLドキュメントを送信しています。HTML列がDocuSign APIでレンダリングされない

私が理解しているように、DocusignはすべてのドキュメントタイプをPDFに変換します。このプロセスは、HTML文書、特に列構造のレンダリングの問題を引き起こしているようです。私は列を表示するために "Float"、 "Inline-Block"、 "Flex"を使用しようとしましたが、すべてDocuSignによって正しくレンダリングされません。 enter image description here

そして、ここではHTMLがAFTER DocuSignの介さ次のようになります。ここでは

は、HTMLがDocuSignのを通過する前にこの2つの「列」を作成するには、Flexを使っているように見えるものです。列がなくなったことに注目してください。 enter image description here

編集:ここではHTMLコード文書を正しくレンダリングされたHTMLテーブルを使用して

<!DOCTYPE html> 
 
<html> 
 
<head lang="en"> 
 
<style> 
 
#wrapper{ 
 
\t display: flex; 
 
} 
 
#contact-left{ 
 
\t flex: 1; 
 

 
} 
 
#contact-right{ 
 
\t flex: 1 
 

 
} 
 
.anchor-tags{ 
 
\t color:white 
 
} 
 
</style> 
 
<title>Docusign Template</title> 
 
</head> 
 
<body> 
 
<div id="wrapper"> 
 

 
\t <div id="contact-left"> 
 
\t \t <h3>Date:</h3> 
 
\t \t <h3>Contact Name:</h3> 
 
\t \t <h3>Firm Name: ("Broker")</h3><span class="anchor-tags">franklinrepsig</span> 
 
\t \t <h3>Lender: ("Assignor")</h3> 
 
\t </div> 
 
\t <div id="contact-right"> 
 
\t \t <h3>Phone No:</h3> 
 
\t \t <h3>Fax No:</h3> 
 
\t \t <h3>Date: </h3><span class="anchor-tags">assigneedate</span> 
 
\t </div> 
 

 
\t 
 
</div> 
 
</body> 
 
</html>

+0

を試してみてください。 –

+0

ありがとう、私はHTMLコード – Quanda

+0

を追加しましたhtmlテーブルを試しましたか? – Andrew

答えて

3

です。あなたがHTMLを投稿してくださいすることができ、次の

<!DOCTYPE html> 
 
<html> 
 
<head lang="en"> 
 
    <style> 
 
     .anchor-tags { 
 
      color: white; 
 
     } 
 
    </style> 
 
    <title>Docusign Template</title> 
 
</head> 
 
<body> 
 
    <table style="width:100%"> 
 
     <tr> 
 
      <td width="35%"><h3>Date:</h3></td> 
 
      <td width="35%"></td> 
 
      <td width="15%"><h3>Phone No:</h3></td> 
 
      <td></td> 
 
     </tr> 
 
     <tr> 
 
      <td><h3>Contact Name:</h3></td> 
 
      <td></td> 
 
      <td><h3>Fax No:</h3></td> 
 
      <td></td> 
 
     </tr> 
 
     <tr> 
 
      <td><h3>Firm Name: ("Broker")</h3></td> 
 
      <td><span class="anchor-tags">franklinrepsig</span></td> 
 
      <td><h3>Date: </h3></td> 
 
      <td><span class="anchor-tags">assigneedate</span></td> 
 
     </tr> 
 
     <tr> 
 
      <td><h3>Lender: ("Assignor")</h3></td> 
 
      <td></td> 
 
      <td></td> 
 
      <td></td> 
 
     </tr> 
 
    </table> 
 
</body> 
 
</html>

+2

これは私がお勧めするものです – Andrew

+0

この作品のように見えます。とても有難い! – Quanda

関連する問題