確認已在「Acrobat Sign 管理」選單中啟用 Liquid Mode:
- 導覽至「傳送設定 > Liquid Mode」
- 可在帳戶或群組層級修改此設定
- 可在帳戶或群組層級修改此設定
新功能
開始使用
管理
傳送、簽署與管理合約
進階合約功能與工作流程
與其他產品整合
Acrobat Sign 開發人員
支援與疑難排解
Liquid Mode 簽署體驗可根據收件者的裝置類型改善文件的顯示方式,減少捏合和縮放操作的必要性,並輕鬆專注於需填寫的欄位。
產生 Liquid Mode 相容合約時會為收件者建立兩個檢視畫面:
此介面可讓收件者根據其偏好設定,輕鬆在文件的 Liquid Mode 和傳統 PDF 檢視畫面之間輕鬆切換,並擷取您預期之具相同法律約束力的簽名。
Liquid Mode 相容合約是以單一 HTML 檔案作為來源內容所建立。
已上傳 HTML 文件中的 HTML 和表單欄位建構受限於幾項限制。具體而言:
由於 Liquid Mode 檢視畫面是經過精心策劃的體驗,HTML 檔案中指定的 CSS 會遭忽略 (僅限於 Liquid Mode 檢視畫面),且僅支援 HTML 標記的屬性會影響 Liquid Mode 檢視畫面。但是 PDF 檢視畫面沒有這類限制。Acrobat Sign 會使用支援標記可用的所有屬性,以及 HTML 文件中指定的 CSS 來產生 PDF 檢視畫面。
Adobe Acrobat Sign 文字標籤標記法會用於指定 HTML 文件中的表單欄位。
如果 Liquid Mode 功能已啟用,但因為任何原因而無法產生 Liquid Mode 檢視畫面,則會建立只包含 PDF 檢視畫面的合約。
傳給傳送者的確認電子郵件會列出無法產生 Liquid Mode 檢視畫面的原因。
Liquid Mode 目前支援用於手機裝置,其他支援正在開發中。
確認已在「Acrobat Sign 管理」選單中啟用 Liquid Mode:
使用下列任一方式提交單一 HTML 檔案:
若要成功建立含有 Liquid Mode 檢視畫面的合約,HTML 文件不能包含 JavaScript 建構。
HTML 文件的 body 中只能使用以下標記:
類別 |
HTML 標記 |
影響 Liquid Mode 檢視畫面的屬性 |
限制 |
標頭 |
<h1>、<h2>、<h3>、<h4>、<h5>、<h6> |
無 |
|
內容分區 |
<div> |
align |
|
分行 |
<br> |
無 |
|
水平分隔線 |
<hr> |
無 |
|
段落 |
<p> |
align |
|
影像 |
<img> |
src、alt、height、width |
請參閱「影像支援」區段 |
行內文字 |
<b>、<i>、<u>、<s>、<strong>、<em>、<span>、<sub>、<sup> |
無 |
|
有序清單 |
<ol>、<li> |
value、type、reversed、start |
|
無序清單 |
<ul>、<li> |
value、reversed、start |
|
超連結 |
<a> |
href |
URL 通訊協定受限於 http、https 及 mailto |
表格 |
<table>、<thead>、<tbody>、<tfoot>、<th>、<tr>、<td>、<caption>、<col>、<colgroup> |
無 |
1. 不支援巢狀表格 2. 不支援表格中的表單欄位 |
表單欄位標籤 |
<label> |
for |
請參閱「表單欄位標籤」區段。 |
表單欄位分組 |
無 |
請參閱為欄位群組加標籤。 |
|
影像 |
<img> |
src、alt、height、width |
影像大小加上整個 HTML 不得超過 400 KB。支援格式包括:JPEG、PNG、GIF、BMP 和 TIFF。影像來源必須為 HTTPs URL。 |
需使用 Adobe Acrobat Sign 文字標籤標記法在 HTML 文件中指定表單欄位。
下表顯示使用 Acrobat Sign 文字標籤的範例表單欄位:
欄位 |
Sign 文字標籤 |
簽名欄位 (簽名、縮寫簽名、簽名區塊、戳記) |
{{Sig_es_:signer1:signature}} |
|
{{Int_es_:signer1:initials}} |
|
{{SigB_es_:signer1:signatureblock}} |
|
{{OSig_es_:signer1:optsignature}} |
|
{{OInt_es_:signer1:optinitials}} |
|
{{SigStamp_es_:signer1:stampimage(25)}} |
{{Cmpy_es_:signer1:company}} |
|
|
{{N_es_:signer2:fullname}} |
|
{{Dte_es_:signer1:date}} |
|
{{Em_es_:signer1:email}} |
{{*Ttl_es_:sender:title}} |
|
{{userstamp_es_:signer1:stamp:repeat}} {{transstamp1_es_:transactionid:repeat}} |
|
{{! price}} {{price_es_:readonly}} |
|
{{address_es_:signer1}} {{*city_es_:signer1}} |
|
{{CB1_es_:checkbox(checked)}} |
|
{{(Red)Color_es_:signer1:label(“Red”)}} {{(Blue)Color_es_:signer1:label(“Blue”)}} {{(Green)Color_es_:signer1:label(“Green”)}} |
|
{{Image1_es_:signer1:inlineimage(4)}} |
|
{{Color_es_:signer1:dropdown(options="Red,Green,B lue”, values=”R,G,B”)}} |
|
{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}} |
|
{{*DriversLicense_es_:signer1:attachment}} |
|
{{Car_color_es:signer1:tooltip('Choose a color')}} | |
{{digsig1_es_:signer1:digitalsignature}} |
|
{{*Mobile_es_:signer1:phone}} {{d_es_:signer1:num(>0,<60)}} |
|
例如 {{field_es_:showif(price>60)}} |
|
{{TV_es_:calc([SubTotal]+[Tax])}} |
支援下列項目以外的所有 Acrobat Sign 表單欄位建構:
類別 |
不支援的建構 |
例外 |
數位簽名表單欄位 |
不支援 :digitalsignature |
|
預填工作流程 |
不支援 :prefill 指示詞。 |
|
超連結表單欄位 |
不支援 :page(N) 指示詞。 使用 http、https 和 mailto 以外通訊協定的 :link |
支援 :signer1 和 :everyone 指示詞。 |
未命名表單欄位 |
不支援未命名表單欄位。 |
支援未命名核取方塊 |
重新命名的表單欄位 |
不支援名稱相同但指示詞不同的多個表單欄位 |
|
每個表單欄位都應該有一個相關聯的標籤。雖然標籤並非所有表單欄位的必要項目,但強烈建議表單欄位都具有標籤。
具體而言,在 Liquid Mode 中:
可透過以下任一方式,使用 HTML <label> 標記來繫結表單欄位與標籤:
標籤若無法藉由上述規則與表單欄位繫結,便會轉譯為未繫結的標籤文字。
此外,Acrobat Sign 文字標籤支援表單欄位類型的 :label 指示詞:
Acrobat Sign 文字標籤 :label 指示詞和 <label> 標記能以下列方式結合:
表單欄位類型 |
:label 指示詞的角色 |
HTML <label> 標記的角色 |
檔案附件、 超連結 |
指定表單欄位方塊中顯示的標籤。 |
<label> 標記可指定表單欄位的標籤或標題。 |
核取方塊、 選項按鈕選項 |
指定表單欄位的標籤或標題。 |
如果 Acrobat Sign 文字標籤 :label 指示詞不存在,<label> 便會頂替其對表單欄位的作用。 如果 :label 和 <label> 同時存在,便無法建立 Liquid Mode 檢視畫面。 範例:
|
可透過下列方式為核取方塊指定標籤:
可透過下列方式為選項按鈕指定標籤:
通常在 HTML 中,「for」屬性會參考欄位 ID 值。 Liquid Mode 使用「for」屬性來參考欄位名稱。 這會導致複製的表單欄位不明確,出現具有相同 Acrobat Sign 文字標籤指示詞的多個表單欄位例項。 有鑑於此,我們需避免使用「for」屬性,並藉由將文字標籤包括在 <label> 元素中來為標籤建立關聯。
例如,下列用法會針對行動重排檢視畫面中的兩個例項,分別建立具有不同標籤的複製表單欄位:
如果複製的表單欄位指定了使用「for」屬性的標籤,參考便會變得不明確且難以解析。 在此情況下,將不會建立 Liquid Mode 檢視畫面。
例如,下列用法只會建立 PDF 檢視畫面:
標籤會與單一表單欄位建立關聯。若想將標籤/註解與欄位群組 (尤其是選項按鈕群組) 建立關聯,建議使用 fieldset 和 legend 元素。 fieldset 用於將元素分組,legend 則用於為群組提供註解/標籤。 Liquid Mode 類似標籤,其優點如下:
例如:
<legend>選擇您喜愛的主要顏色</legend>
{{(Red)Color_es_:signer1:label("Red")}}<br/>
{{(Blue)Color_es_:signer1:label("Blue")}}<br/>
{{(Green)Color_es_:signer1:label("Green")}}<br/>
</fieldset>
針對大部分文件,作者不會希望預設轉譯 fieldset。
可透過以下 CSS 移除邊界方框:
fieldset {
border: none;
margin: 0;
padding: 0;
}
Liquid Mode 不支援下列 Acrobat Sign 工作流程:
若在上述工作流程中嘗試建立 Liquid Mode 檢視畫面,會導致只建立含有 PDF 檢視畫面的合約。 傳給傳送者的確認電子郵件會列出無法產生 Liquid Mode 的原因。
如果傳送者嘗試產生含有 Liquid Mode 檢視畫面的合約,但 Acrobat Sign 無法產生,系統便會傳送合約確認電子郵件,通知傳送者導致無法建立 Liquid Mode 檢視畫面的具體問題。傳送者可以解決回報的問題,之後再嘗試重新建立含有 Liquid Mode 檢視畫面的合約。
回報的問題可歸類為以下類別:
嘗試建立 Liquid Mode 檢視畫面時,若伺服器遇到意外錯誤情形,就會出現 Liquid Mode 內部錯誤。
如需了解其他錯誤類別,請參閱下列子區段中的回報問題詳細資訊:
建立 Liquid Mode 的主要目標表單具有以下特質: