Novidades
Introdução
Administrar
Enviar, assinar e gerenciar contratos
Recursos e fluxos de trabalho avançados de contratos
Integrar a outros produtos
Acrobat Sign Developer
Suporte e solução de problemas
A experiência de assinatura do Liquid Mode melhora a exibição dos documentos com base no tipo de dispositivo do recipient, reduzindo a necessidade de pinçar e aplicar zoom e focar facilmente nos campos que precisam ser preenchidos.
Os contratos compatíveis com o Liquid Mode são gerados com duas exibições para o recipient:
A interface permite que o recipient alterne facilmente entre o Liquid Mode e as exibições de PDF tradicionais do documento, dependendo de suas preferências, e captura as mesmas assinaturas legalmente vinculativas esperadas.
Os contratos compatíveis com o Liquid Mode são criados com um único arquivo HTML como conteúdo de origem..
Há algumas restrições no HTML e construções de campo de formulário no documento HTML carregado. Especificamente:
Como a exibição do Liquid Mode tem uma experiência muito selecionada, o CSS especificado no arquivo HTML é ignorado (SOMENTE na exibição do Liquid Mode) e somente os atributos das tags HTML compatíveis influenciarão a exibição do Liquid Mode. No entanto, não existem essas restrições para a exibição de PDF. O Acrobat Sign usa a gama completa de atributos disponíveis para as tags compatíveis, bem como o CSS especificado no documento HTML para gerar a exibição de PDF.
A notação da tag de texto do Adobe Acrobat Sign é usada para especificar os campos de formulário no documento HTML.
Se o recurso Liquid Mode estiver ativado, mas a exibição do Liquid Mode não puder ser gerada por qualquer motivo, o contrato é criado somente com a exibição de PDF.
O email de confirmação enviado ao remetente listará os motivos pelos quais a exibição do Liquid Mode não pôde ser gerada.
No momento, o Liquid Mode é compatível com smartphones, com suporte adicional em desenvolvimento.
Certifique-se de que o Liquid Mode esteja ativado no menu de administrador do Acrobat Sign:
Enviar um único arquivo HTML usando um dos seguintes meios:
Para criar um contrato com êxito com a exibição do Liquid Mode, o documento HTML NÃO pode conter construções JavaScript.
Somente as seguintes tags podem ser usadas no corpo do documento HTML:
Categoria |
Tags HTML |
Atributos que afetam a exibição do Liquid Mode |
Restrições |
Cabeçalhos |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
NENHUM |
|
Divisão de conteúdo |
<div> |
align |
|
Quebrar |
<br> |
NENHUM |
|
Linha horizontal |
<hr> |
NENHUM |
|
Parágrafo |
<p> |
align |
|
Imagens |
<img> |
src, alt, altura, largura |
Consulte a seção “Compatibilidade de imagens” |
Texto incorporado |
<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup> |
NENHUM |
|
Lista ordenada |
<ol>, <li> |
valor, tipo, invertido, início |
|
Lista não ordenada |
<ul>, <li> |
valor, invertido, início |
|
Hiperlink |
<a> |
href |
O protocolo de URL está restrito a http, https e mailto |
Tabela |
<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup> |
NENHUM |
1. Tabelas aninhadas NÃO são compatíveis 2. Os campos de formulário dentro das tabelas NÃO são compatíveis |
Rótulo do campo de formulário |
<label> |
para |
Consulte a seção “Rótulos do campo de formulário”. |
Agrupamento de campos de formulário |
NENHUM |
Consulte a seção “Rotular grupos de campos”. |
|
Imagens |
<img> |
src, alt, altura, largura |
O tamanho da imagem mais o HTML inteiro devem ser menores que 400 KB. Os seguintes formatos são compatíveis: JPEG, PNG, GIF, BMP e TIFF. A origem da imagem deve ser um URL HTTPs. |
Os campos de formulário precisam ser especificados no documento HTML usando a notação tag de texto do Adobe Acrobat Sign.
A tabela abaixo mostra os campos de formulário de amostra usando tags de texto do Acrobat Sign:
Campo |
Tags de texto do Sign |
Campos de assinatura (assinatura, iniciais, bloco de assinatura, carimbo) |
{{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(“Vermelho”)}} {{(Blue)Color_es_:signer1:label(“Azul”)}} {{(Green)Color_es_:signer1:label(“Verde”)}} |
|
{{Image1_es_:signer1:inlineimage(4)}} |
|
{{Color_es_:signer1:dropdown(options="Vermelho,Verde,Azul”, values=”R,G,B”)}} |
|
{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}} |
|
{{*DriversLicense_es_:signer1:attachment}} |
|
| {{Car_color_es:signer1:tooltip('Escolher uma cor')}} | |
{{digsig1_es_:signer1:digitalsignature}} |
|
{{*Mobile_es_:signer1:phone}} {{d_es_:signer1:num(>0,<60)}} |
|
ex. {{field_es_:showif(price>60)}} |
|
{{TV_es_:calc([SubTotal]+[Tax])}} |
Todas as construções de campo de formulário do Acrobat Sign são compatíveis, exceto para o seguinte:
Categoria |
Construções incompatíveis |
Exceções |
Campo de formulário de assinatura digital |
:digitalsignature não terá suporte |
|
Fluxos de trabalho de pré-preenchimento |
diretiva :prefill não terá suporte. |
|
Campo de formulário de hiperlink |
A diretiva :page(N) não terá suporte. :link com protocolos diferentes de http, https e mailto. |
As diretivas :signer1 e :everyone terão suporte |
Campos de formulário não nomeados |
Campos de formulário não nomeados não terão suporte. |
Caixas de seleção sem nome terão suporte |
Campos de formulário renomeados |
Vários campos de formulário com o mesmo nome, mas diretivas diferentes, não terão suporte |
|
Cada campo de formulário deve ter um rótulo associado. Embora os rótulos não sejam obrigatórios para cada campo de formulário, é altamente recomendável que os campos de formulário tenham rótulos.
Especificamente no Liquid Mode:
Os campos de formulário podem ser vinculados a rótulos usando a tag HTML <label> de uma das seguintes maneiras:
Os rótulos que não podem ser vinculados aos campos de formulário pelas regras acima serão renderizados como um texto de rótulo não vinculado.
Além disso, as tags de texto do Acrobat Sign são compatíveis com a diretiva :label para os tipos de campos de formulário:
A diretiva :label de tag de texto e tag <label> do Acrobat Sign podem ser combinadas das seguintes maneiras:
|
Tipo de campo de formulário |
Função da diretiva :label |
Função da tag <label> em HTML |
|
Arquivos anexos, Hiperlinks |
Especifica o rótulo exibido dentro da caixa do campo de formulário. |
A tag <label> especifica o rótulo ou cabeçalho do campo de formulário. |
|
Caixa de seleção, Opção Botão de opções |
Especifica o rótulo ou cabeçalho do campo de formulário. |
Se a diretiva :label da tag de texto do Acrobat Sign estiver ausente, <label> assumirá seu lugar no campo do formulário. Se :label e <label> estiverem presentes, a exibição do Liquid Mode não será criada. Exemplos:
|
Os rótulos podem ser especificados para caixas de seleção das seguintes maneiras:
Os rótulos podem ser especificados para as opções do botão de opções das seguintes maneiras:
Normalmente em HTML, o atributo “for” refere-se a um valor field id. O Liquid Mode usa o atributo “for” para se referir a nomes de campo. Isso pode causar ambiguidade para campos de formulário clonados, onde há várias instâncias de campos de formulário com exatamente a mesma diretiva de tag de texto do Acrobat Sign. Nesse caso, é necessário evitar o uso do atributo “for” e deve associar rótulos ao incluir a tag de texto em um elemento <label>.
Por exemplo, o seguinte uso criará campos de formulário clonados com rótulos diferentes para cada uma das duas instâncias na exibição de refluxo móvel:
Se um campo de formulário clonado especificar um rótulo usando um atributo “for”, as referências serão ambíguas e não poderão ser resolvidas. nesse caso, não será criada uma exibição do Liquid Mode.
Por exemplo, o seguinte uso só criará uma exibição de PDF:
Os rótulos são associados a um único campo de formulário. Quando queremos associar um rótulo/legenda a um grupo de campos (notavelmente, grupos de botões de opções), incentivamos o uso de elementos de campo e legenda. O conjunto de campos é usado para agrupar os elementos, e a legenda é usada para fornecer uma legenda/rótulo para o grupo. Semelhante ao rótulo, os benefícios no Liquid Mode são:
Por exemplo:
<legend>Escolha sua cor primária favorita</legend>
{{(Red)Color_es_:signer1:label("Vermelho")}}<br/>
{{(Blue)Color_es_:signer1:label("Azul")}}<br/>
{{(Green)Color_es_:signer1:label("Verde")}}<br/>
</fieldset>
Para a maioria dos documentos, o autor não deseja a renderização padrão de um conjunto de campos.
A caixa delimitadora pode ser removida com este CSS:
fieldset {
border: none;
margin: 0;
padding: 0;
}
Imagens são compatíveis, mas com as restrições a seguir:
O Liquid Mode não oferece suporte aos seguintes fluxos de trabalho do Acrobat Sign:
Uma tentativa de criar uma exibição do Liquid Mode nos fluxos de trabalho acima resulta na criação de um contrato com exibição somente em PDF. O email de confirmação enviado ao remetente lista os motivos pelos quais o Liquid Mode não pôde ser gerado.
Se o remetente tentou gerar um contrato com uma exibição do Liquid Mode, mas o Acrobat Sign não pôde gerá-lo, o remetente recebe notificação, no email de confirmação do contrato, sobre os problemas específicos que impediram a criação da exibição do Liquid Mode. O remetente pode resolver os problemas relatados e tentar criar o contrato com uma exibição do Liquid Mode em tentativas subsequentes.
Os problemas relatados podem ser agrupados nas seguintes categorias:
Os erros internos do Liquid Mode ocorrem quando o servidor encontra condições de erro inesperadas ao tentar criar a exibição do Liquid Mode.
Para as outras categorias de erro, você pode encontrar detalhes dos problemas relatados nas seguintes subseções:
Se a exibição do Liquid Mode não puder ser gerada devido a construções HTML incompatíveis, o email de confirmação enviado ao remetente incluirá uma ou mais das seguintes cadeias de caracteres de erro:
|
Cadeias de caracteres de erro |
|
Elemento incompatível [+tagName] |
|
Protocolo de URL incompatível [+url] |
|
Os campos de formulário nas tabelas não são compatíveis [+tagName] |
|
Tabelas aninhadas não são compatíveis |
|
Filho de rótulo inválido [+tagName] |
Consulte a seção Tags HTML compatíveis para obter mais informações.
Se a exibição do Liquid Mode não puder ser gerada devido a construções incompatíveis de tag de texto do Acrobat Sign, o email de confirmação enviado ao remetente incluirá uma ou mais das seguintes cadeias de caracteres de erro:
|
Cadeias de caracteres de erro |
|
Não é possível localizar a tag de definição para referência [+shortName] |
|
Os campos de pré-preenchimento não são compatíveis [+name] |
|
Hiperlinks internos não são compatíveis [+name] |
|
Campos sem nome só são compatíveis com caixas de seleção |
|
Campos com o mesmo nome e diretivas diferentes não são compatíveis [+name] |
|
As assinaturas digitais não são compatíveis [+name] |
|
Os campos não podem ter um elemento de rótulo e uma diretiva de rótulo [+name] |
|
Campo de formulário do Sign ausente para a tag de texto: [+name] |
Consulte a seção Especificação dos campos de formulário para obter mais informações.
Se a exibição do Liquid Mode não puder ser gerada devido a fluxos de trabalho incompatíveis do Acrobat Sign, o email de confirmação enviado ao remetente incluirá uma ou mais das seguintes cadeias de caracteres de erro:
|
Cadeias de caracteres de erro |
|---|
|
O contrato é um modelo de biblioteca |
|
O contrato precisa ter uma assinatura por escrito |
|
O contrato está com a opção de CFR “Motivo da assinatura” ativada |
|
O contrato está com a opção de CFR de reautenticação de assinatura eletrônica ativada |
Consulte a seção Especificação dos campos de formulário para obter mais informações.
As qualidades do formulário que são os principais alvos para a criação do Liquid Mode são:
Download
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sample Title</title>
<link rel="stylesheet" href="css/all.css">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
float: left;
}
h2 {
margin: 10px 0;
font-size: 13px;
margin: 20px 0 0 0;
}
h3 {
margin: 0;
font-size: 12px;
}
ul {
margin: 0;
}
li {
margin-bottom: 3px;
padding-left: 5px;
}
p {
margin: 4px 0;
}
.header {
border-bottom: 2px solid #000;
margin: 0 5px 15px 5px;
}
.header h1 {
font-weight: 700;
margin: 0;
font-size: 15px;
}
.body {
border: 1px solid #000;
padding: 0 5px 10px 5px;
}
.page {
padding: 0 25px;
margin: 0 auto;
}
.txt_logo {
font-size: 30px;
color:blue;
font-style:oblique
}
.textTag {
padding: 9px 0;
border-bottom: 2px solid #000;
margin: 0 -4px 5px 0
}
.underline {
text-decoration: underline;
font-weight: 700;
font-size: 12px
}
.columns-2 .item {
width: 49%
}
.columns-3 .item {
width: 33%
}
.item {
display: inline-block
}
.address .item {
width: 16%
}
.item.big {
width: 30%
}
.checkbox {
margin: 15px 0
}
.checkbox span {
font-weight: 700;
font-size: 11px
}
.card-info label {
width: 12%;
font-size: 11px;
text-transform: capitalize
}
.card-info p {
border-bottom: 1px solid #000;
margin-right: 10px;
padding-bottom:5px;
display: inline-block
}
.card-number {
width: 40%;
}
.expiry-date {
width: 25%;
}
.radio-button label {
width: 55%
}
.radio-button .item {
width: 16%
}
.note {
font-size: 12px
}
.footer {
padding: 0 10px;
font-size: 11px;
}
</style>
</head>
<body>
<div class="page">
<div class="header">
<h2 class="txt_logo"><b>SAMPLE COMPANY</b></h2>
<h1 class="h1_header">SAMPLE REQUEST TO OBTAIN MY FREE CREDIT REPORT </h1>
</div>
<div class="body">
<h3>Sample Important Information & Instructions:</h3>
<p>In order to protect your personal information we will validate your identity before mailing your credit report to your <u>confirmed</u>
home address. You must provide a photocopy of the front and back of:</p>
<ul class="info">
<li class="info__item">Two pieces of government-issued identification</li>
<li class="info__item">Se o seu endereço não estiver atualizado em nenhuma das identificações, você <u>também precisará</u> fornecer um documento adicional para comprovar o seu <u>endereço residencial atual</u> (por exemplo, uma conta de luz ou água).</li>
<li class="info__item">If you provide your <b>Social Insurance Number</b>, we will cross-reference it with our records to ensure that we disclose the correct information to you. Ter acesso a essa informação ajuda-nos a evitar atrasos e confusão, caso as informações de identificação de outra pessoa (como nome e endereço) sejam semelhantes às que você forneceu.</li>
<li class="info__item">Se você fornecer um extrato de <b>cartão de crédito </b>ou uma cópia do seu <b>cartão de crédito</b> como comprovante, certifique-se de <b>ocultar</b> as suas informações privadas.</li>
</ul>
<p>The information you provide on the form will be used to confirm your identity and may also be used to update your credit report. Such updated information will be stored, safeguarded, used and/or disclosed in the normal course as part of your credit file. For more information about SAMPLE COMPANY’s privacy practices, please see our Privacy Policy at https://www.adobe.com/privacy/policy.html. For clarity, in any case, we will keep a copy of the information you provide to demonstrate that we complied with our obligation to obtain reasonable identification from you.
</p>
<p>Envie o formulário preenchido com comprovante de identidade a: <b>Lorem inseam dolor sit amen, consenttetur</b>ou por fax para: <b>XXX-XX-XXXX.</b>Aguarde X-Y dias para realização da entrega. If any corrections to your credit report are necessary you must complete the Credit Report Update form enclosed with your package, or visit <a href="http://sampleurl">SampleURL</a> and click on “How to File a Something” under Our Sample Assistance.
</p>
</div>
<div class="form">
<div class="columns-3">
<div class="item">
<p class="textTag">{{*LastName_es_:signer1}}</p>
<label for="LastName">LAST NAME </label>
</div>
<div class="item">
<p class="textTag">{{*FirstName_es_:signer1}}</p>
<label for="FirstName">FIRST NAME, INITIAL</label>
</div>
<div class="item">
<p class="textTag">{{Suffix_es_:signer1}}</p>
<label for="Suffix">SUFIXO (Sr., Jr. etc.)</label>
</div>
</div>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddress_es_:signer1 }}</p>
<label for="StreetAddress">CURRENT STREET ADDRESS </label>
</div>
<div class="item">
<p class="textTag">{{*Apt_es_:signer1}}</p>
<label for="Apt">APT.</label>
</div>
<div class="item">
<p class="textTag">{{*City_es_:signer1}}</p>
<label for="City">CITY</label>
</div>
<div class="item">
<p class="textTag">{{*Prov_es_:signer1}}</p>
<label for="Prov">PROVINCE</label>
</div>
<div class="item">
<p class="textTag">{{*Zip_es_:signer1:zip}}</p>
<label for="Zip">POSTAL CODE</label>
</div>
</div>
<h2>PREVIOUS ADDRESS(ES) WITHIN LAST 3 YEARS</h2>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddressPr_es_:signer1 }}</p>
<label for="StreetAddressPr">PREVIOUS STREET ADDRESS </label>
</div>
<div class="item">
<p class="textTag">{{*AptPr_es_:signer1}}</p>
<label for="AptPr">APT.</label>
</div>
<div class="item">
<p class="textTag">{{*CityPr_es_:signer1}}</p>
<label for="CityPr">CITY</label>
</div>
<div class="item">
<p class="textTag">{{*PrvPr_es_:signer1}}</p>
<label for="PrvPr">PROVINCE</label>
</div>
<div class="item">
<p class="textTag">{{*ZipPr_es_:signer1:zip}}</p>
<label for="ZipPr">POSTAL CODE</label>
</div>
</div>
<div>
<p class="textTag">{{*EmailAddress_es_:signer1:isemail}}</p>
<label for="EmailAddress">EMAIL</label>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{$DATEOFBIRTH}}</p>
<label for="Date">DATE OF BIRTH </label>
</div>
<div class="item">
<p class="textTag">{{SocialSecurityNumber_es_:signer1:ssn}}</p>
<label for="SocialSecurityNumber">S.I.N.:</label>
</div>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{$NAMEMAJORCARD}}</p>
<label for="NameMajorCard">NAME OF MAJOR CREDIT CARD:</label>
</div>
<div class="item">
<p class="textTag">{{$LAST4}}</p> <label for="Last4">LAST 4 DIGITS OF MAJOR CREDIT CARD:</label>
</div>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{*Signature_es_:signer1:signature}}</p><label for="Signature">Signature</label>
</div>
<div class="item">
<p class="textTag">{{*DateOfSignature_es_:signer1:date}}</p><label for="DateOfSignature">Date</label>
</div>
</div>
<div class="checkbox">
<label class="underline">{{$PAY}} YES, I WOULD ALSO LIKE TO PURCHASE MY Sample Company SCORE* FOR $X.XX (tax included)</label>
</div>
<fieldset>
<legend> I authorize Sample Company to charge the payment to my credit card:</legend>
<div class="radio-button">
<div class="item"><label>{{$V}}Visa</label></div>
<div class="item"><label>{{$M}}MasterCard</label></div>
<div class="item"><label>{{$A}}AMEX</label></div>
</div>
</legend>
<div class="card-info">
<label for="CardholderName">Cardholder Name:</label>
<p>{{$CALCULATEDCARDHOLDERNAME}}</p>
</div>
<div class="card-info">
<label for="CardNumber">Card Number:</label>
<p class="card-number">{{*CardNumber_es_:signer1}}</p> <label for="ExpiryDate">Expiry Date:</label>
<p class="expiry-date">{{$EXPIRYDATE}}</p>
</div>
<div class="note">
<p>Note: Cheque and cash payments are not accepted. O nome do titular do cartão precisa ser idêntico ao nome do solicitante.</p>
</div>
</div>
<div class="footer">
<p>*Sample company’s XY is a product some service providers use when assessing applications for credit and services. It is not part of your sample credit report, but is based on the particular information in your credit file at the time it is calculated. Lorem Ipsem is not the same as the Lorem Ipsem, which is also used by some lenders. Sample Company will provide your sample report free of charge, whether or not you purchase your Lorem Ipsem. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sample company can provide more sample services:</b> Sample Address Telephone: 1-XXX-XXX-XXXX Telephone in Sample: 1-XXX-XXX-XXXX</p>
</div>
</div>
<!-- QUEBRA DE PÁGINA -->
<div style="page-break-after:always"></div>
<!-- Definições das tags do texto de ASSINAR -->
{{#REMOVE_PAGE_FROM_OUTPUT}}
<!-- caixa de seleção -->
<p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>
<!-- botão de opções e regra condicional para habilitar, se a opção de pagar tiver sido marcada -->
<p>{{#V=(Visa)CCard_es_:signer1:enableif(Pay=checked)}}</p>
<p>{{#M=(MasterCard)CCard_es_:signer1:enableif(Pay=checked)}}</p>
<p>{{#A=(AMEX)CCard_es_:signer1:enableif(Pay=checked)}}</p>
<!-- menu suspenso -->
{{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}
<!-- campo calculado -->
<p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+" "+[LastName]+" "+[Suffix])}}
<!-- validação de formatação de expressão regular -->
<p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}
<p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>
<!-- validações de datas -->
<p>{{#EXPIRYDATE=*ExpiryDate_es_:isdate(format=mm/yy)}}</p>
<p>{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format=mm/dd/yyyy)}}</p>
</body>
</html>
Visualização do contrato:
Recomendamos que, ao criar o HTML, você teste o html algumas vezes e verifique se não há erros e atende aos critérios gerais de fluxo para você antes de enviá-lo aos destinatários desejados.
Os elementos HTML no documento HTML precisam seguir a ordem de leitura do documento.
As quebras de página no documento devem ser especificadas explicitamente usando a propriedade CSS “page-break-after”, como mostrado abaixo:
<div style="page-break-after:always"></div>
Reformular o documento com o refluxo em mente pode melhorar a experiência móvel geral. Se NÃO estiver pensando em reformular o documento, convém seguir a aparência geral do PDF original com algumas exceções:
Não haverá manuseio especial de artefatos em nível de página no Liquid Mode. Se artefatos em nível de página como cabeçalhos, rodapés, marcas d'água etc. estiverem presentes no documento HTML, eles podem aparecer na exibição de refluxo no meio do conteúdo refluído.
Se o formulário incluir instruções para preencher os campos de formulário como “IMPRIMIR” ou “OPCIONAL” ou instruções de formatação como “(mm/dd/aaaa)”, não inclua o texto no HTML - algumas das informações como instruções de formatação “(mm/dd/aaaa)” ou se um campo de formulário for “OPCIONAL” devem ser especificadas na especificação do campo de formulário usando tags de texto.
Alguns textos podem exigir a coleta de conjuntos compostos de informações. Dividi-los em vários campos de formulário simplificará o caso de uso. Por exemplo, no documento de amostra acima, “NOME E ÚLTIMOS 4 DÍGITOS DO CARTÃO DE CRÉDITO PRINCIPAL” foi dividido em “NOME DO CARTÃO DE CRÉDITO PRINCIPAL” e “ÚLTIMOS 4 DÍGITOS DO CARTÃO DE CRÉDITO PRINCIPAL”
Use apenas as tags HTML compatíveis listadas acima. Consulte a seção sobre construções HTML.
Use coordenadas e posicionamentos relativos, como {width: 30%} para que o HTML possa refluir para diferentes larguras de dispositivo. A largura absoluta da página não deve estar presente no CSS.
Se um PDF contiver uma construção de tabela ou lista, a representação HTML correspondente deve ser uma tabela ou lista, respectivamente. A única exceção são tabelas com campos de formulário. Se uma tabela tiver campos de formulário, as mesmas informações deverão ser apresentadas sem tabelas.
Para criar uma experiência online mais rica de preenchimento de formulários, é altamente recomendável que os campos de formulário sejam criados usando todas as validações, expressões de formatação, regras condicionais e fórmula de cálculo que as tags de texto do Sign oferecem.
<label> {{[]}} SIM, EU TAMBÉM GOSTARIA DE COMPRAR MINHA PONTUAÇÃO DE CRÉDITO</label>
<fieldset>
<legend>Opções de pagamento:</legend>
{{#VISA=(Visa)CCard_es_:label("Visa"):signer1:enableif(Pay=checked)}}
({#MCARD=(MasterCard)CCard_es_:label("MasterCard"):signer1:enableif(Pay=checked)}}
{{#AMEX=(AMEX)CCard_es_:label("AMEX"):signer1:enableif(Pay=checked)}}
</fieldset>
<div style="page-break-after:always"></div>
{{#REMOVE_PAGE_FROM_OUTPUT}}
{{#CCARDDROPDOWN=*ccardDropDown_es_:dropdown(options="Visa,MasterCard,AMEX")}}
{{#VI=*(Visa)CCard_es_:signer1}}
{{#MC=*(MasterCard)CCard_es_:signer1}}
{{#AM=*(AMEX)CCard_es_:signer1}}
{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format(dd/mm/yy)}}
Simplifique seu trabalho com o Acrobat Sign
Gerencie e assine documentos online de forma rápida e fácil.
