Sørg for, at Liquid Mode er aktiveret i Acrobat Sign-administratormenuen:
- Gå til Afsendelsesindstillinger > Liquid Mode
- Indstillingen kan ændres på konto- eller gruppeniveau
- Indstillingen kan ændres på konto- eller gruppeniveau
Nyheder
Kom godt i gang
Administrer
Send, underskriv og administrer aftaler
Avancerede aftalefunktioner og arbejdsforløb
Integrer med andre produkter
Acrobat Sign-udvikler
Support og fejlfinding
Liquid Mode forbedrer visningen af dine dokumenter, baseret på modtagerens enhedstype, hvilket reducerer behovet for at knibe og zoome og nemmere fokusere på de felter, der skal udfyldes.
Liquid Mode-kompatible aftaler genereres med to visninger for modtageren:
I grænsefladen kan din modtager nemt skifte mellem Liquid Mode og traditionelle PDF-visninger af dokumentet afhængigt af dennes præference, og der sikres de samme juridisk bindende signaturer, som du forventer.
Liquid Mode-kompatible aftaler oprettes med en enkelt HTML-fil som kildeindholdet.
Der er et par begrænsninger for HTML- og formfeltkonstruktionerne i det uploadede HTML-dokument. Særligt:
Da Liquid Mode-visningen har en meget samlet oplevelse, ignoreres CSS, som er angivet i HTML-filen (KUN for Liquid Mode-visningen), og kun attributterne for de understøttede HTML-tags påvirker visningen i Liquid Mode. Der er dog ingen sådanne begrænsninger for PDF-visningen. Acrobat Sign bruger det fulde spektrum af attributter, der er tilgængelige for de understøttede tags, samt CSS, som er specificeret i HTML-dokumentet, til at generere PDF-visningen.
Adobe Acrobat Sign-teksttag-notationen bruges til at specificere formularfelterne i HTML-dokumentet.
Hvis Liquid Mode-funktionen er aktiveret, men Liquid Mode-visningen ikke kan genereres af en eller anden grund, oprettes aftalen kun med PDF-visningen.
Bekræftelsesmailen, der er sendt til afsenderen, vil angive årsagerne til, at Liquid Mode-visningen ikke kunne genereres.
Liquid Mode understøttes i øjeblikket på mobiltelefoner med yderligere understøttelse under udvikling.
Sørg for, at Liquid Mode er aktiveret i Acrobat Sign-administratormenuen:
Afsendelse af en enkelt HTML-fil via en af følgende metoder:
For at kunne oprette en aftale med Liquid Mode-visningen, må HTML-dokumentet IKKE indeholde JavaScript-konstruktioner.
Kun følgende tags kan bruges i HTML-dokumentets brødtekst:
Kategori |
HTML-tags |
Attributter, der påvirker Liquid Mode-visningen |
Begrænsninger |
Overskrifter |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
INGEN |
|
Indholdsafdeling |
<div> |
juster |
|
Linjeskift |
<br> |
INGEN |
|
Vandret regel |
<hr> |
INGEN |
|
Afsnit |
<p> |
juster |
|
Billeder |
<img> |
src, alt, højde, bredde |
Se sektionen "Billedunderstøttelse" |
Indbygget tekst |
<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup> |
INGEN |
|
Sorteret liste |
<ol>, <li> |
værdi, type, omvendt, start |
|
Ikke-sorteret liste |
<ul>, <li> |
værdi, omvendt, start |
|
Hyperlink |
<a> |
href |
URL-protokollen er begrænset til http, https og mailto |
Tabel |
<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup> |
INGEN |
1. Indlejrede tabeller er IKKE understøttet 2. Formularfelter i tabeller er IKKE understøttet |
Formularfeltetiket |
<label> |
i |
Se afsnittet "Formularetiketter". |
Formularfeltgruppering |
INGEN |
Se afsnittet "Mærkning af feltgrupper". |
|
Billeder |
<img> |
src, alt, højde, bredde |
Billedets størrelse plus hele HTML skal være mindre end 400KB. Følgende formater understøttes: JPEG, PNG, GIF, BMP og TIFF. Billedkilden skal være en HTTPs-URL. |
Formularfelter skal specificeres i HTML-dokumentet via Adobe Acrobat Sign-teksttag-notationen.
Tabellen nedenfor viser eksempler på formularfelter via Acrobat Sign-teksttags:
Felt |
Sign-teksttags |
Signaturfelter (Signatur, Initialer, Signaturblok, Stempel) |
{{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,Blue”, 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)}} |
|
f.eks. {{field_es_:showif(price>60)}} |
|
{{TV_es_:calc([SubTotal]+[Tax])}} |
Alle Acrobat Sign-formularfeltkonstruktioner understøttes undtagen følgende:
Kategori |
Ikke-understøttede konstruktioner |
Undtagelser |
Formularfelt til digital signatur |
:digitalsignature vil ikke være understøttet |
|
Workflows for forudfyldning |
Direktivet :prefill vil ikke være understøttet. |
|
Hyperlinkformularfelt |
Direktivet :page(N) vil ikke være understøttet. :link med andre protokoller end http, https og mailto. |
Direktiverne :signer1 og :everyone vil ikke være understøttet. |
Unavngivne formularfelter |
Unavngivne formularfelter vil ikke være understøttet. |
Unavngivne afkrydsningsfelter vil ikke være understøttet. |
Omdøbte formularfelter |
Flere formularfelter med samme navn, men forskellige direktiver, vil ikke være understøttet. |
|
Hvert formularfelt skal have en tilknyttet etiket. Selvom etiketter ikke er obligatoriske for hvert formularfelt, anbefales det kraftigt, at formularfelter har etiketter.
Specifikt i Liquid Mode:
Formularfelter kan bindes til etiketter ved hjælp af HTML <label>-tagget på én af følgende måder:
Etiketter, der ikke kan bindes med formularfelter af ovenstående regler, gengives som en ubundet etikettekst.
Desuden understøtter Acrobat Sign-teksttags direktivet :label for formularfelttyperne:
Acrobat Sign-teksttagdirektivet :label og <label>-tagget kan kombineres på følgende måder:
Formularfelttype |
Rolle for direktivet :label |
Rolle for HTML <label>-tagget |
Vedhæftede filer, Hyperlinks |
Angiver den etiket, der er vist inden i formularfeltets boks. |
<label>-tagget angiver etiketten eller overskriften til formularfeltet. |
Afkrydsningsfelt, Mulighed for alternativknap |
Angiver etiketten eller overskriften til formularfeltet. |
Hvis Acrobat Sign-teksttagdirektivet :label er fraværende, vil <label> tage dets plads for formularfeltet. Hvis både :label og <label> er til stede, vil Liquid Mode-visningen ikke kunne oprettes. Eksempler:
|
Etiketter kan angives for afkrydsningsfelter på følgende måder:
Etiketter kan angives til muligheder for alternativknap på følgende måder:
Normalt i HTML henviser attributten "for" til en felt-id-værdi. Liquid Mode anvender "for"-attributten til at henvise til feltnavne.Dette kan forårsage tvetydighed for klonede formularfelter – hvor der er flere forekomster af formularfelter med nøjagtigt det samme Acrobat Sign-teksttagdirektiv. I dette tilfælde skal vi undgå at bruge attributten "for", og vi skal associere etiketter ved at omslutte teksttagget i et <label>-element.
Følgende brug vil f.eks. oprette klonede formularfelter med forskellige etiketter for hver af de to forekomster i mobilvisningen med dynamisk tilpasning:
Hvis et klonet formularfelt angiver en etiket via en "for"-attribut, er henvisningerne tvetydige og kan ikke afhjælpes. I dette tilfælde oprettes der ikke en Liquid Mode-visning.
Følgende brug vil f.eks. kun oprette en PDF-visning:
Etiketter er associeret med et enkelt formularfelt. Når vi vil associere en etiket/billedtekst med en gruppe af felter (primært grupper af alternativknapper), anbefaler vi at bruge feltsæt og forklaringselementer (legend). Feltsættet bruges til at gruppere elementerne, og forklaringen bruges til at give gruppen en billedtekst/etiket. Svarende til etiket er fordelene i Liquid Mode:
For eksempel:
<legend>Vælg din foretrukne primærfarve</legend>
{{(Red)Color_es_:signer1:label("Red")}}<br/>
{{(Blue)Color_es_:signer1:label("Blue")}}<br/>
{{(Green)Color_es_:signer1:label("Green")}}<br/>
</fieldset>
For de fleste dokumenter ønsker forfatteren ikke standardgengivelsen af et feltsæt.
Afgrænsningsboksen kan fjernes med denne CSS:
fieldset {
border: none;
margin: 0;
padding: 0;
}
Billeder understøttes med følgende restriktioner:
Liquid Mode understøtter ikke følgende Acrobat Sign-workflows:
Et forsøg på at oprette en Liquid Mode-visning i ovenstående workflows resulterer i oprettelsen af en aftale med kun PDF-visningen. Bekræftelsesmailen, der er sendt til afsenderen, angiver årsagerne til, at Liquid Mode ikke kunne genereres.
Hvis afsenderen forsøgte at generere en aftale med en Liquid Mode-visning, men Acrobat Sign ikke kunne generere den, underrettes afsenderen i aftalens bekræftelsesmail med de specifikke problemer, der forhindrede oprettelsen af Liquid Mode-visningen. Afsenderen kan adressere de rapporterede problemer og forsøge at oprette aftalen med en Liquid Mode-visning i efterfølgende forsøg.
De rapporterede problemer kan grupperes i følgende kategorier:
Interne fejl i Liquid Mode opstår, når serveren oplever uventede fejlbetingelser ved forsøg på at oprette Liquid Mode-visningen.
For de andre fejlkategorier kan du finde detaljer om de rapporterede problemer i følgende underafsnit:
Hvis Liquid Mode-visningen ikke kan genereres pga. ikke-understøttede HTML-konstruktioner, vil den bekræftelsesmail, der sendes til afsenderen, inkludere én eller flere af følgende fejlstrenge:
Fejlstrenge |
Ikke-understøttet element [+tagName] |
Ikke-understøttet URL-protokol [+url] |
Formularfelter i tabeller er ikke understøttet [+tagName] |
Indlejrede tabeller er ikke understøttet |
Ugyldigt underordnet etiket [+tagName] |
Få mere at vide i afsnittet Understøttede HTML-tags.
Hvis Liquid Mode-visningen ikke kan genereres pga. ikke-understøttede Acrobat Sign-teksttagkonstruktioner, vil den bekræftelsesmail, der sendes til afsenderen, inkludere én eller flere af følgende fejlstrenge:
Fejlstrenge |
Kan ikke finde definitionstag til reference [+shortName] |
Forudfyldningsfelter er ikke understøttet [+name] |
Interne links er ikke understøttet [+name] |
Unavngivne felter er ikke understøttet for afkrydsningsfelter |
Felter med det samme navn og forskellige direktiver er ikke understøttet [+name] |
Digitale signaturer er ikke understøttet [+name] |
Felter kan ikke have både et navneelement og et navnedirektiv [+name] |
Manglende Sign-formularfelt for teksttagget: [+name] |
Få mere at vide i afsnittet Formularfeltspecifikation.
Hvis Liquid Mode-visningen ikke kunne genereres pga. ikke-understøttede Acrobat Sign-workflows, vil den bekræftelsesmail, der sendes til afsenderen, inkludere én eller flere af følgende fejlstrenge:
Fejlstrenge |
---|
Aftalen er en biblioteksskabelon |
Aftalen kræver håndskreven signatur |
Aftalen har CFR-mulighed for underskrivelsesårsager aktiveret |
Aftalen har CFR-mulighed for ny ESign-godkendelse aktiveret |
Få mere at vide i afsnittet Formularfeltspecifikation.
Formularkvaliteter, der er hovedmål for Liquid Mode-oprettelse, er:
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">If your address is not up-to-date on either identification, you <u>must also</u> provide an additional document showing your <u>current home address</u> (e.g. a utility bill).</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. Knowing it helps us avoid delays and confusion in case another individual's identifying information (such as name and address) is similar to the one you provided.</li>
<li class="info__item">If you provide a <b>credit card </b>statement or copy of your <b>credit card</b> as proof, please ensure to <b>blackout</b> your private information.</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>Please send your completed form with proof of identity to: <b>Lorem inseam dolor sit amen, consenttetur</b>or by fax to: <b>XXX-XX-XXXX.</b>Kindly allow X-Y days for delivery. 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">EFTERNAVN </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">SUFFIX (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">BY</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">BY</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">MAIL</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> Jeg giver Eksempelvirksomhed tilladelse til at opkræve betalingen på mit kreditkort:</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. Cardholder’s name must be same as requestor’s name.</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>
<!-- PAGE BREAK -->
<div style="page-break-after:always"></div>
<!-- SIGN Text Tag Definitions -->
{{#REMOVE_PAGE_FROM_OUTPUT}}
<!-- check box -->
<p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>
<!-- radio button and conditional rule to enable if Pay is checked -->
<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>
<!-- drop down -->
{{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}
<!-- calculated field -->
<p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+" "+[LastName]+" "+[Suffix])}}
<!-- regular expression fromatting validation -->
<p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}
<p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>
<!-- date validations -->
<p>{{#EXPIRYDATE=*ExpiryDate_es_:isdate(format=mm/yy)}}</p>
<p>{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format=mm/dd/yyyy)}}</p>
</body>
</html>
Aftalevisning:
Vi anbefaler, at når du opretter HTML, skal du teste html et par gange og kontrollere, at der ikke er nogen fejl, og at den opfylder de overordnede flowkriterier for dig, inden du sender den til de ønskede modtagere.
HTML-elementerne i HTML-dokumentet skal følge rækkefølgen for dokumentlæsning.
Sideskift i dokumentet skal angives eksplicit ved hjælp af CSS-egenskaben "page-break-after" som vist nedenfor:
<div style="page-break-after:always"></div>
At redesigne dokumentet med dynamisk tilpasning i tankerne kan forbedre den samlede mobiloplevelse. Hvis du IKKE overvejer at redesigne dokumentet, kan du beholde det generelle udseende og den originale PDF med et par få undtagelser:
Der vil ikke være nogen særlig håndtering af artefakter på sideniveau i Liquid Mode. Hvis artefakter på sideniveau som sidehoveder, sidefødder, vandmærker osv. findes i HTML-dokumentet, vises de muligvis i visningen med dynamisk tilpasning i midten af det indhold, der er dynamisk tilpasset.
Hvis formularen indeholder instruktioner til udfyldning af formularfelterne som "PLEASE PRINT" eller "OPTIONAL" eller formateringsinstruktioner som "(mm/dd/åååå)", skal du ikke medtage teksten i HTML – nogle af oplysningerne som formateringsinstruktioner "(mm/dd/åååå)", eller hvis et formularfelt er "OPTIONAL", skal det specificeres i formularfeltspecifikationen ved hjælp af teksttags.
Noget tekst kræver muligvis indsamling af sammensatte informationssæt. Opdeling af dem i flere formularfelter forenkler brugssagen. I ovenstående eksempeldokument er "NAME & LAST 4 DIGITS OF MAJOR CREDIT CARD" f.eks. blevet opdelt i "NAME OF MAJOR CREDIT CARD" og "LAST 4 DIGITS OF MAJOR CREDIT CARD"
Brug kun understøttede HTML-tags, der er anført ovenfor. Se afsnittet om HTML-konstruktioner.
Brug relative koordinater og placeringer som {width: 30%}, så HTML kan tilpasse sig forskellige enhedsbredder dynamisk. Absolut sidebredde bør ikke være til stede i CSS.
Hvis en PDF indeholder en tabel- eller listekonstruktion, skal den tilsvarende HTML-repræsentation være henholdsvis en tabel eller liste. Den eneste undtagelse er tabeller med formularfelter. Hvis en tabel har formularfelter, skal de samme oplysninger præsenteres uden tabeller.
For at skabe en bedre online formularudfyldningsoplevelse anbefales det kraftigt, at der oprettes formularfelter ved hjælp af alle de valideringer, formateringsudtryk og betingelsesregler og beregningsformel, som Sign-teksttags tilbyder.
<label> {{[]}} YES, I WOULD ALSO LIKE TO PURCHASE MY CREDIT SCORE</label>
<fieldset>
<legend>Betalingsmuligheder:</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)}}