Ujistěte se, že je režim Liquid Mode zapnutý v nabídce Správce služby Acrobat Sign:
- Přejděte do Nastavení odeslání > Režim Liquid Mode
- Nastavení lze změnit na úrovni účtu nebo skupiny
- Nastavení lze změnit na úrovni účtu nebo skupiny
Příručka služby Adobe Acrobat Sign
Co je nového
Začínáme
Správa
Odesílání, podepisování a správa dohod
Rozšířené možnosti a pracovní postupy dohod
Integrace s jinými produkty
Vývojář služby Acrobat Sign
Podpora a řešení problémů
Prostředí pro podepisování s režimem Liquid Mode přináší vylepšení zobrazení dokumentů, které se přizpůsobuje typu zařízení příjemce. Díky tomu nemusíte dokumenty přibližovat pomocí gest a jednoduše se zaměřit na pole, která je potřeba vyplnit.
Dohody s podporou režimu Liquid Mode jsou pro příjemce vygenerovány ve dvou zobrazeních:
Rozhraní umožňuje příjemcům podle potřeby jednoduše přepínat mezi režimem Liquid Mode a klasickým zobrazením PDF a také zaznamenává stejné právně závazné podpisy jako obvykle.
Dohody podporující režim Liquid Mode čerpají zdrojový obsah pouze z jednoho souboru HTML.
Na prvky kódu HTML a polí formulářů nahraného dokumentu HTML se vztahují určitá omezení. Konkrétně:
Jelikož se obsah ve velké míře podřizuje zobrazení Liquid Mode, styly CSS nastavené v souboru HTML nejsou brány v úvahu (POUZE v režimu Liquid Mode) a pouze atributy podporovaných tagů HTML se na zobrazení Liquid Mode projeví. Pro zobrazení PDF neplatí žádná omezení. Služba Acrobat Sign k vytvoření zobrazení PDF využívá širokou škálu atributů, které jsou dostupné pro podporované tagy a také styly CSS nastavené v dokumentu HTML.
V dokumentu HTML se k označení polí formuláře používá zápis pomocí textových značek služby Adobe Acrobat Sign.
Pokud je režim Liquid Mode zapnutý, ale z nějakého důvodu zobrazení Liquid Mode nelze vygenerovat, dohoda se vytvoří pouze v zobrazení PDF.
Odesílateli je odeslán potvrzovací e-mail, v němž budou uvedené důvody, proč nemohlo být zobrazení Liquid Mode vytvořeno.
Zobrazení Liquid Mode je v současné době dostupné pouze pro mobilní telefony. Na podpoře dalších zařízení se pracuje.
Ujistěte se, že je režim Liquid Mode zapnutý v nabídce Správce služby Acrobat Sign:
Jak vložit jeden soubor HTML pomocí jednoho z těchto způsobů:
Dokument HTML NESMÍ obsahovat prvky JavaScriptu, jinak se dohoda v zobrazení Liquid Mode úspěšně nevytvoří.
V části body dokumentu HTML lze použít pouze následující tagy:
Kategorie |
Tagy HTML |
Atributy, které mají vliv na zobrazení Liquid Mode |
Omezení |
Nadpisy |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
NONE |
|
Rozdělení obsahu |
<div> |
align |
|
Zalamování |
<br> |
NONE |
|
Vodorovné rozdělení |
<hr> |
NONE |
|
Odstavec |
<p> |
align |
|
Obrázky |
<img> |
src, alt, height, width |
Viz část „Podpora obrázků“ |
Vložené prvky textu |
<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup> |
NONE |
|
Číslovaný seznam |
<ol>, <li> |
value, type, reversed, start |
|
Odrážkový seznam |
<ul>, <li> |
value, reversed, start |
|
Hypertextový odkaz |
<a> |
href |
Lze použít pouze protokoly URL http, https a mailto |
Tabulka |
<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup> |
NONE |
1. Vnořené tabulky NEJSOU podporovány 2. Pole formuláře v tabulkách NEJSOUpodporována |
Označení polí formuláře |
<label> |
for |
Další informace najdete v části Označení polí formuláře. |
Seskupování polí formuláře |
NONE |
Více informací najdete v části „Označování skupin polí“. |
|
Obrázky |
<img> |
src, alt, height, width |
Velikost obrázku spolu s celým kódem HTML by měl být menší než 400 KB. Podporovány jsou následující formáty: JPEG, PNG, GIF, BMP a TIFF. Zdroj obrázku musí být HTTPs URL. |
Pole formuláře je potřeba v dokumentu HTML určit pomocí zápisu textových značek služby Adobe Acrobat Sign.
V níže uvedené tabulce se nachází vzorová pole formulářů, která využívají textové značky služby Acrobat Sign:
Pole |
Textové značky služby Sign |
Pole podpisů (Podpis, Iniciály, Blok podpisu, Razítko) |
{{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}} |
|
|
{{J_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(“Červená”)}} {{(Blue)Color_es_:signer1:label(“Modrá”)}} {{(Green)Color_es_:signer1:label(“Zelená”)}} |
|
{{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)}} |
|
např. {{field_es_:showif(price>60)}} |
|
{{TV_es_:calc([SubTotal]+[Tax])}} |
Prvky polí podporují všechna pole formulářů služby Acrobat Sign kromě následujících:
Kategorie |
Nepodporované prvky |
Výjimky |
Pole formuláře na digitální podpis |
Příkaz :digitalsignature nebude podporován |
|
Pracovní postupy k předvyplňování |
Příkaz :prefill nebude podporován. |
|
Pole formuláře hypertextového odkazu |
Příkaz :page(N) nebude podporován. Příkaz :link s protokoly jinými než je http, https nebo mailto. |
Příkazy :signer1 a :everyone nebudou podporovány. |
Nepojmenovaná pole formulářů |
Nepojmenovaná pole formulářů nebudou podporována. |
Nepojmenovaná zaškrtávací políčka nebudou podporována |
Přejmenovaná pole formulářů |
Více polí formulářů se stejným názvem a různými příkazy nebudou podporována |
|
Každé pole formuláře by mělo nést označení. Ačkoli označení nejsou pro všechna pole formulářů povinná, důrazně je doporučujeme u všech polí.
V režimu Liquid Mode konkrétně:
Pole formulářů lze propojit s označeními pomocí tagu HTML <label> jedním z těchto způsobů:
Označení, která nelze podle výše uvedených pravidel propojit s poli formulářů, se vykreslí jako nepropojený text.
Textové značky služby Acrobat Sign navíc podporují příkaz :label u těchto druhů polí formulářů:
Příkaz textové značky služby Acrobat Sign :label a tag <label> lze používat najednou následujícími způsoby:
Typ pole formuláře |
Význam příkazu :label |
Význam tagu HTML <label> |
Přiložené soubory, Hypertextové odkazy |
Definuje označení zobrazené uvnitř prostoru pole formuláře. |
Tag <label> definuje označení nebo nadpis pole formuláře. |
Zaškrtávací políčko, Možnost přepínací tlačítko |
Definuje označení nebo záhlaví pole formuláře. |
Pokud příkaz textové značky služby Acrobat Sign :label chybí, pro pole formuláře jej nahradí tag <label>. Pokud se v kódu nachází značka :label i tag <label>, pokus o vygenerování zobrazení Liquid Mode selže. Příklady:
|
U zaškrtávacích políček se označení nastavují následujícími způsoby:
U možnosti přepínacího tlačítka se označení nastavují následujícími způsoby:
V kódu HTML obvykle atribut „for“ označuje hodnotu field id (ID pole). V režimu Liquid Mode se atribut „for“ používá k označení názvu pole. U klonovaných polí formulářů může dojít k nejasnostem -- když se na několik instancí polí formuláře vztahuje ten samý příkaz textové značky služby Acrobat Sign. V takovémto případě je potřeba vyhýbat se atributu „for“ a ukotvit označení textové značky v prvku <label>.
Následující použití například v přeformátovaném mobilním zobrazení vytvoří klonovaná pole formuláře s různým označením ke každému ze dvou prvků:
Pokud mají klonovaná pole označení definovaná atributem „for“, odkazy jsou nejasné a nezle je uskutečnit. V tomto případě k vytvoření zobrazení Liquid Mode nedojde.
Následující použití například vytvoří pouze zobrazení PDF:
Označení se pojí s jednotlivými poli formulářů. Pokud chcete, aby se označení/popisek pojil se skupinou polí (především se skupinami přepínacích tlačítek), rozhodně vám doporučujeme použít prvek sady polí a legendy. Prvek fieldset (sada polí) se používá ke seskupení prvků (polí) a prvek legend (legenda) poskytuje popisek/označení skupiny. Podobně jako u označení, výhodami režimu Liquid Mode jsou:
Například:
<legend>Zvolte svou oblíbenou základní barvu</legend>
{{(Red)Color_es_:signer1:label("Červená")}}<br/>
{{(Blue)Color_es_:signer1:label("Modrá")}}<br/>
{{(Green)Color_es_:signer1:label("Zelená")}}<br/>
</fieldset>
U většiny dokumentů autor nevyužije výchozí vykreslování sady polí.
Ohraničovací rámeček lze odstranit pomocí stylů CSS:
fieldset {
border: none;
margin: 0;
padding: 0;
}
Obrázky jsou podporovány s následujícími omezeními:
Režim Liquid Mode nepodporuje následující pracovní postupy služby Acrobat Sign:
Při pokusu o vytvoření zobrazení Liquid Mode při výše uvedených pracovních postupech dojde k vytvoření dohody pouze v zobrazení PDF. Odesílateli je odeslán potvrzovací e-mail, v němž jsou uvedené důvody, proč nemohlo být zobrazení Liquid Mode vytvořeno.
Pokud se odesílatel pokusil vytvořit dohodu v zobrazení Liquid Mode, ale služba Acrobat Sign ji nedokázala vytvořit, odesílatel v e-mailu o potvrzení dohody dostane soupis konkrétních potíží, které zabránily vytvoření zobrazení Liquid Mode. Odesílatel se může pokusit nahlášené potíže vyřešit a při dalších pokusech dohodu v zobrazení Liquid Mode vytvořit.
Nahlášené potíže lze rozčlenit do následujících tří kategorií:
Interní chyba režimu Liquid Mode nastane, když na serveru při pokusu o vytvoření zobrazení Liquid Mode dojde k neočekávané chybě.
K dalším kategoriím chyb najdete podrobnější informace o nahlášených potížích v následujících podčástech:
Pokud zobrazení Liquid Mode nelze vygenerovat z důvodu nepodporovaných prvků kódu HTML, potvrzovací e-mail odeslaný odesílateli bude obsahovat jednu nebo více následujících chybových řetězců:
Chybové řetězce |
Nepodporovaný prvek [+tagName] |
Nepodporovaný protokol URL [+url] |
Pole formuláře v tabulkách nejsou podporována [+tagName] |
Vnořené tabulky nejsou podporovány |
Neplatné podřazené označení [+tagName] |
Více informací najdete v části Podporované tagy HTML.
Pokud zobrazení Liquid Mode nelze vygenerovat z důvodu nepodporovaných textových značek služby Acrobat Sign, potvrzovací e-mail odeslaný odesílateli bude obsahovat jeden nebo více následujících chybových řetězců:
Chybové řetězce |
Nelze najít značku definice pro odkaz [+shortName] |
Předvyplňování polí není podporováno [+name] |
Interní hypertextové odkazy nejsou podporovány [+name] |
Nepojmenovaná pole jsou podporována pouze pro zaškrtávací políčka |
Pole se stejným názvem a různými směrnicemi nejsou podporována [+name] |
Digitální podpisy nejsou podporovány [+name] |
Pole nesmí mít i prvek label i příkaz label [+name] |
Chybí pole Podepsat formulář pro textovou značku: [+name] |
Více informací najdete v části Určení polí formuláře.
Pokud zobrazení Liquid Mode nemohlo být vygenerováno z důvodu nepodporovaných pracovních postupů Acrobat Sign, potvrzovací e-mail odeslaný odesílateli bude obsahovat jeden nebo více následujících chybových řetězců:
Chybové řetězce |
---|
Dohoda je šablonou knihovny |
Dohoda vyžaduje vlastnoruční podpis |
Dohoda obsahuje aktivovanou možnost CFR důvodu podpisu |
Dohoda obsahuje aktivovanou možnost CFR opakovaného ověření elektronického podpisu |
Více informací najdete v části Určení polí formuláře.
K vlastnostem formuláře, které se nejlépe hodí pro vytvoření zobrazení Liquid Mode, patří:
Stáhnout
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<title>Vzorový název</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;
}
.stránka {
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>VZOROVÁ SPOLEČNOST</b></h2>
<h1 class="h1_header">VZOROVÁ ŽÁDOST O BEZPLATNOU ÚVĚROVOU ZPRÁVU </h1>
</div>
<div class="body">
<h3>Vzorové důležité informace a instrukce:</h3>
<p>Abychom zachovali bezpečí vašich osobních údajů, ověříme vaši totožnost před odesláním úvěrové zprávy na vaši <u>potvrzenou</u>
adresu bydliště. Jste povinni poskytnout fotokopii přední a zadní strany:</p>
<ul class="info">
<li class="info__item">Dva snímky průkazu totožnosti vydaného státem</li>
<li class="info__item">Pokud není vaše adresa aktuální ani na jednom z dokumentů, <u>musíte</u> předložit další dokument, na kterém je vaše <u>současná adresa bydliště</u> uvedena (např. Účet za energie).</li>
<li class="info__item">Pokud zadáte své <b>rodné číslo<b>, porovnáme ho s našimi záznamy, abychom se ujistili, že vám předáváme správné údaje. Zadáním rodného čísla se zamezí prostojům a nedorozuměním v případě, že se identifikační údaje (jako je jméno a adresa) dalšího jedince jsou podobné těm, které jste uvedli vy.</li>
<li class="info__item">Pokud použijete k uvedení údajů výpis z <b>kreditní karty</b> nebo kopii <b>kreditní karty</b>, nejprve <br>začerněte</b> své osobní údaje.</li>
</ul>
<p>Údaje uvedené ve formuláři budou použity k potvrzení vaší totožnosti a mohou také být použity k aktualizaci údajů v úvěrové zprávě. Aktualizované informace budou uchovávány, zabezpečeny, používány nebo předány běžným postupem jako součást úvěrové složky. Více informací o postupech ochrany osobních údajů VZOROVÉ SPOLEČNOSTI najdete v našich zásadách ochrany osobních údajů, které jsou dostupné na https://www.adobe.com/privacy/policy.html. V každém případě tedy budeme uchovávat kopii dat, které jste poskytli, abychom byli schopni prokázat, že jsme jednali v souladu s povinností přiměřeně ověřit vaši totožnost.
</p>
<p>Odešlete svůj dokončený formulář a potvrzení totožnosti na: <b>Lorem inseam dolor sit amen, consenttetur</b> nebo faxem na: <b>XXX-XXX-XXX.</b>Počítejte prosím s X–Y dny na doručení. Pokud je potřeba ve vaší úvěrové zprávě učinit jakékoli změny, musíte vyplnit formulář na aktualizaci úvěrové zprávy, která je součástí obdrženého balíčku, nebo navštívit stránku <a href="http://sampleurl">VzorováURL</a> a kliknout v části Podpora naší vzorové společnosti na „Jak podat ten a ten dokument“.
</p>
</div>
<div class="form">
<div class="columns-3">
<div class="item">
<p class="textTag">{{*LastName_es_:signer1}}</p>
<label for="LastName">PŘÍJMENÍ</label>
</div>
<div class="item">
<p class="textTag">{{*FirstName_es_:signer1}}</p>
<label for="FirstName">KŘESTNÍ JMÉNO, INICIÁLY</label>
</div>
<div class="item">
<p class="textTag">{{Suffix_es_:signer1}}</p>
<label for="Suffix">ZA JMÉNEM (sr., jr., atd.)</label>
</div>
</div>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddress_es_:signer1 }}</p>
<label for="StreetAddress">SOUČASNÁ ADRESA BYDLIŠTĚ</label>
</div>
<div class="item">
<p class="textTag">{{*Apt_es_:signer1}}</p>
<label for="Apt">ČÍSLO</label>
</div>
<div class="item">
<p class="textTag">{{*City_es_:signer1}}</p>
<label for="City">OBEC</label>
</div>
<div class="item">
<p class="textTag">{{*Prov_es_:signer1}}</p>
<label for="Prov">OKRES</label>
</div>
<div class="item">
<p class="textTag">{{*Zip_es_:signer1:zip}}</p>
<label for="Zip">PSČ</label>
</div>
</div>
<h2>DŘÍVĚJŠÍ ADRESA NEBO ADRESY ZA POSLEDNÍ 3 ROKY</h2>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddressPr_es_:signer1 }}</p>
<label for="StreetAddressPr">DŘÍVĚJŠÍ ADRESA BYDLIŠTĚ </label>
</div>
<div class="item">
<p class="textTag">{{*AptPr_es_:signer1}}</p>
<label for="AptPr">ČÍSLO</label>
</div>
<div class="item">
<p class="textTag">{{*CityPr_es_:signer1}}</p>
<label for="CityPr">OBEC</label>
</div>
<div class="item">
<p class="textTag">{{*PrvPr_es_:signer1}}</p>
<label for="PrvPr">OKRES</label>
</div>
<div class="item">
<p class="textTag">{{*ZipPr_es_:signer1:zip}}</p>
<label for="ZipPr">PSČ</label>
</div>
</div>
<div>
<p class="textTag">{{*EmailAddress_es_:signer1:isemail}}</p>
<label for="EmailAddress">E-MAIL</label>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{$DATEOFBIRTH}}</p>
<label for="Date">DATUM NAROZENÍ </label>
</div>
<div class="item">
<p class="textTag">{{SocialSecurityNumber_es_:signer1:ssn}}</p>
<label for="SocialSecurityNumber">RČ:</label>
</div>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{$NAMEMAJORCARD}}</p>
<label for="NameMajorCard">NÁZEV HLAVNÍ KREDITNÍ KARTY:</label>
</div>
<div class="item">
<p class="textTag">{{$LAST4}}</p> <label for="Last4">POSLEDNÍ 4 ČÍSLICE HLAVNÍ KREDITNÍ KARTY:</label>
</div>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{*Signature_es_:signer1:signature}}</p><label for="Signature">Podpis</label>
</div>
<div class="item">
<p class="textTag">{{*DateOfSignature_es_:signer1:date}}</p><label for="DateOfSignature">Datum</label>
</div>
</div>
<div class="checkbox">
<label class="underline">{{$PAY}} ANO, PŘEJI SI ZAKOUPIT OD Vzorové společnosti SVÉ ÚVĚROVÉ SKÓRE* ZA XX,XX KČ (včetně daně)</label>
</div>
<fieldset>
<legend> Dovoluji Vzorové společnosti naúčtovat platbu na mou kreditní kartu:</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">Jméno držitele karty:</label>
<p>{{$CALCULATEDCARDHOLDERNAME}}</p>
</div>
<div class="card-info">
<label for="CardNumber">Číslo karty:</label>
<p class="card-number">{{*CardNumber_es_:signer1}}</p> <label for="ExpiryDate">Konec platnosti:</label>
<p class="expiry-date">{{$EXPIRYDATE}}</p>
</div>
<div class="note">
<p>Poznámka: Není možné platit šekem nebo v hotovosti. Jméno držitele karty se musí shodovat se jménem žadatele.</p>
</div>
</div>
<div class="footer">
<p>*Produkt XY Vzorové společnosti využívají někteří poskytovatelé služeb při vyhodnocování žádostí o úvěr a služby. Není součástí této vzorové úvěrové zprávy, ale je založen na určitých informacích z vaší úvěrové složky v době kalkulace. Lorem Ipsem není to samé Lorem Ipsem, které používají někteří věřitelé. Vzorová společnost poskytne vzorovou zprávu zcela zdarma, ať už si zakoupíte své Lorem Ipsem nebo ne. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pro více vzorových služeb můžete kontaktovat Vzorovou společnost: Vzorová adresa, telefon: +420 XXX XXX XXX Telefon ve vzoru: +420 XXX XXX XXX</p>
</div>
</div>
<!-- ZALAMOVÁNÍ STRÁNKY -->
<div style="page-break-after:always"></div>
<!-- definice textové značky SIGN -->
{{#REMOVE_PAGE_FROM_OUTPUT}}
<!-- zaškrtávací políčko -->
<p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>
<!-- přepínací tlačítko a podmíněné pravidlo, které jej aktivuje, pokud je políčko Zaplatit zaškrtnuté -->
<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>
<!-- rozbalovací nabídka -->
{{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}
<!-- pole s výpočtem -->
<p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+" "+[LastName]+" "+[Suffix])}}
<!-- regulární výrazy pro formátování potvrzení -->
<p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}
<p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>
<!-- potvrzení data -->
<p>{{#EXPIRYDATE=*ExpiryDate_es_:isdate(format=mm/yy)}}</p>
<p>{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format=mm/dd/yyyy)}}</p>
</body>
</html>
Zobrazení dohody:
Doporučujeme, aby autor kódu HTML kód několikrát otestoval, a ujistil se tím, že se ve formuláři nenacházejí žádné chyby a splňuje pro vás celková kritéria uspořádaní ještě předtím, než dojde k odeslání zamýšleným příjemcům.
Prvky HTML v dokumentu HTML se musejí řídit pořadím čtení dokumentu.
Zalamování stránek v dokumentu by mělo být nastaveno ve stylech CSS prvkem „page-break-after“, jak je naznačeno níže:
<div style="page-break-after:always"></div>
Vytvoření nové podoby dokumentu se záměrem přeuspořádat obsah může vést k celkovému vylepšení práce v mobilním prostředí. Pokud novou podobu dokumentu NEzvažujete, možná by pro vás bylo nejlepší držet se celkového vzhledu a dojmu z původního souboru PDF kromě následujících výjimek:
V režimu Liquid Mode nebude docházet ke speciálnímu zacházení s artefakty na úrovni stránky. Pokud se v dokumentu HTML nachází artefakty na úrovni stránky jako je záhlaví, zápatí, vodoznaky apod. v upraveném zobrazení se mohou zobrazit uprostřed přeuspořádaného obsahu.
Pokud se ve formuláři nachází pokyny k vyplnění polí formuláře jako například „PROSÍM VYTIŠTĚTE“, „VOLITELNÉ“ nebo pokyny k formátování jako „(dd/mm/yyyy), nezahrnujte text do kódu HTML – některé informace jako jsou pokyny k formátování „(dd/mm/yyyy)“ nebo informace o tom, že pole formuláře je „VOLITELNÉ“ by měly být uvedené v popisu pole formuláře pomocí textových značek.
Některé druhy textu mohou vyžadovat shromažďování složené sady informací. Rozdělením do několika polí formuláře se případy použití usnadní. Ve výše uvedeném dokumentu bylo například pole „NÁZEV A POSLEDNÍ 4 ČÍSLICE HLAVNÍ KREDITNÍ KARTY“ „ rozděleno na „NÁZEV HLAVNÍ KREDITNÍ KARTY“ a „POSLEDNÍ 4 ČÍSLICE HLAVNÍ KREDITNÍ KARTY“
Používejte pouze podporované HTML tagy uvedené výše. Více informací najdete v části o prvcích HTML.
Používejte relativní souřadnice a umístění jako {width: 30%}, aby se mohl dokument přeuspořádat podle šířky zařízení. Ve stylech CSS by neměla být definovaná absolutní šířka stránky.
Pokud soubor PDF obsahuje prvky tabulky nebo seznamu, v souboru HTML by se také měly zobrazit jako tabulky nebo seznamy. Jedinou výjimku tvoří tabulky s poli formulářů. Pokud se v tabulce nachází pole formuláře, tato informace se vykreslí bez tabulky.
Aby se formulář vyplňoval online mnohem pohodlněji, důrazně doporučujeme pole formulářů vytvářet s veškerým ověřením, všemi formátovacími výrazy, podmíněnými pravidly a vzorci výpočtu, které textové značky služby Sign poskytují.
<label> {{[]}} ANO, PŘEJI SI ZAKOUPIT SVÉ ÚVĚROVÉ SKÓRE</label>
<fieldset>
<legend>Možnosti platby:</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)}}