Režim Liquid Mode v prostředí mobilního webu pro podepisování

Naposledy aktualizováno 11. 6. 2025

Úvod

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:

Zobrazení PDF vytvořené na základě všech informací o stylech, které jsou součástí nahraného souboru HTML. Odpovídá podepsané verzi dohody, která je dostupná ke stažení – stejně jako zobrazení PDF, ve kterém služba Adobe Acrobat Sign zobrazuje všechny dohody
Zobrazení Liquid Mode přeuspořádá vstupní dokument HTML a nabízí optimalizaci pro menší obrazovky. Zobrazení Liquid Mode nabízí vysoce přehledné zobrazení, které přepisuje styl nastavený v původním dokumentu HTML

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ě:

dohoda musí být vytvořena z jednoho dokumentu HTML (pouze jediného soubor)
- Pokud je dohoda vytvořena z více než jednoho dokumentu, vygeneruje se pouze zobrazení PDF
dokument HTML nesmí obsahovat JavaScript. Není dovoleno používat značky <script>, a to ať už jako vložený JavaScript, jako odkaz na externí soubory JavaScriptu nebo jako atribut tagů HTML
- Pokud se v souboru HTML nachází JavaScript, služba Acrobat Sign vytvoří pouze zobrazení PDF
dokument HTML může v části <body> dokumentu HTML obsahovat pouze podporované tagy HTML, jak je popsáno v části Podporované tagy HTML
- Pokud se v části body dokumentu HTML nachází nepodporované tagy HTML, služba Acrobat Sign vytvoří pouze zobrazení PDF

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.

Poznámka

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.

Povolit/Odeslat dohody s podporou režimu Liquid Mode

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

Přejděte do nastavení režimu Liquid Mode

Jak vložit jeden soubor HTML pomocí jednoho z těchto způsobů:

Používání rozhraní REST API služby Acrobat Sign verze 6 pro příkaz POST /agreement
Ze stránky Odeslat ve webové aplikaci Acrobat Sign
Ze stránky Webové formuláře ve webové aplikaci Acrobat Sign.
Používání rozhraní REST API služby Acrobat Sign verze 6 pro příkaz POST /widgets

Podporované tagy HMTL

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í
Záhlaví	<h1>, <h2>, <h3>, <h4>, <h5>, <h6>	NONE
Rozdělení obsahu	<div>	align
Zalamování	<br>	NONE
Vodorovné rozdělení	<hr>	NONE
Odstavec	<p>	align
Obrazy	<img>	src, alt, height, width	Viz část „Podpora obrázků“
Vložené prvky textu	<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup>	NONE
Uspořádaný seznam	<ol>, <li>	value, type, reversed, start
Odrážkový seznam	<ul>, <li>	value, reversed, start
Hypervazba	<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>	pro	Další informace najdete v části Označení polí formuláře.
Seskupování polí formuláře	<fieldset>, <legend>	NONE	Více informací najdete v části „Označování skupin polí“.
Obrazy	<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.

Určení polí formuláře

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)}}
Pole Podepisující	{{Cmpy_es_:signer1:company}}
	{{J_es_:signer2:fullname}}
	{{Dte_es_:signer1:date}}
	{{Em_es_:signer1:email}}
Pole Odesílatel	{{*Ttl_es_:sender:title}}
Razítko účastníka a ID transakce	{{userstamp_es_:signer1:stamp:repeat}} {{transstamp1_es_:transactionid:repeat}}
Pole pouze ke čtení	{{!price}} {{price_es_:readonly}}
Zadávání textu	{{address_es_:signer1}} {{*city_es_:signer1}}
Zaškrtávací políčka	{{CB1_es_:checkbox(checked)}}
Přepínací tlačítko	{{(Red)Color_es_:signer1:label(“Červená”)}} {{(Blue)Color_es_:signer1:label(“Modrá”)}} {{(Green)Color_es_:signer1:label(“Zelená”)}}
Obrázek	{{Image1_es_:signer1:inlineimage(4)}}
Rozbalovací nabídka	{{Color_es_:signer1:dropdown(options="Red,Green,Blue”, values=”R,G,B”)}}
Hypertextový odkaz	{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}}
Přiložený soubor	{{*DriversLicense_es_:signer1:attachment}}
Popis tlačítka	{{Car_color_es:signer1:tooltip('Choose a color')}}
Digitální podpis	{{digsig1_es_:signer1:digitalsignature}}
Ověření pole	{{*Mobile_es_:signer1:phone}} {{d_es_:signer1:num(>0,<60)}}
Podmíněná pravidla	např. {{field_es_:showif(price>60)}}
Počítaná pole	{{TV_es_:calc([SubTotal]+[Tax])}}

Poznámka

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

Označení polí formuláře

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ě:

Označení se používají k lepšímu zobrazení pole
Označení připojené k poli zajišťuje usnadnění přístupu. Pokud je na pole přesunutý kurzor, programy pro čtení obrazovky oznámí uživateli, jaké je označení tohoto pole
Kliknutím na označení pole se na něj buďto přesune kurzor nebo u přepínacího tlačítka a zaškrtávacího políčka se přepíná hodnota pole

Pole formulářů lze propojit s označeními pomocí tagu HTML <label> jedním z těchto způsobů:

Pole formuláře služby Acrobat Sign uzavřené v tagu <label>
- <label>Podpis: {{sig_es_:signer1:signature}}</label>
Atribut „for“ značky <label> může odkazovat na název pole formuláře, aby došlo k propojení.
- {{sig_es_:signer1:signature}} … <label for=”sig”>Podpis: </label>

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řiložené soubory
Hypertextové odkazy
Zaškrtávací políčka
Přepínací tlačítka

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: {{CB_es_:checkbox: signer1:label("Souhlasím.")}}} <label for=” CB”> Ano</label> {{(Red_v)Color_es_:signer1::label(“Red Color”)} <label for=”(Red_v)Color”>Červená</label>

Poznámka

U zaškrtávacích políček se označení nastavují následujícími způsoby:

{{CB_es_:checkbox: signer1:label("Souhlasím.")}}
<label> {{Cb_es_:checkbox:signer1}} Souhlasím.</label>
{{CB_es_:checkbox:signer1}} <label for="CB"> Souhlasím.</label>

U možnosti přepínacího tlačítka se označení nastavují následujícími způsoby:

{{(Red_v)Color_es_:signer1:label(“Červená”)}}
<label> {{(Red_v)Color_es_:signer1}} Červená </label>
{{(Red_v)Color_es_:signer1}} <label for=”(Red_v)Color”>Červená</label>

Upozornění

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ů:

<label> Vedoucí pracovník {{name_of_official_es_:signer1}} </label>
<label> Jméno {{name_of_official_es_:signer1}} </label>

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:

<label for="name_of_official> Vedoucí pracovník </label> {{name_of_official_es_:signer1}}
<label for="name_of_official> Jméno </label> {{name_of_official_es_:signer1}}

Označování skupin polí

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:

Lepší grafické zobrazení popisků/nadpisů propojených se skupinou polí
Dobré usnadnění přístupu. Programy pro čtení z obrazovky podle obsahu legendy správně oznámí, o kterou skupinu polí se jedná

Například:

<fieldset>

<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>

Poznámka

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;

}

Podpora obrázků

Obrázky jsou podporovány s následujícími omezeními:

Podporován je pouze prvek <img>
Parametr src prvku <img> lze zadat jako vložená data (schéma data:) nebo jako webovou adresu URL (pouze schéma https:)
Podporovány jsou následující formáty: JPEG, PNG, GIF, BMP a TIFF
- U animovaných souborů GIF bude použit první snímek jako statický
Velikost obrázku načteného z webové adresy URL je omezena na 5 MB

Nepodporované pracovní postupy služby Acrobat Sign

Režim Liquid Mode nepodporuje následující pracovní postupy služby Acrobat Sign:

Dohody vytvořené z několika dokumentů
Dohody vytvořené z dokumentů v jiném formátu než HTML
Dohoda vytvořená ze šablon knihovny
Dohoda vytvořená ve stavu KONCEPT nebo VYTVÁŘENÍ
Pracovní postupy digitálního podpisu
Pracovní postupy vlastnoručně psaného podpisu
Změnit pracovní postup během zpracování
Pracovní postupy ze skupiny, u nichž je zaškrtávací políčko Náhled automaticky zapnuté
Dohody se zapnutou funkcí důvody podepsání
Dohody nastavené tak, aby vyzvaly podepisujícího k ověření totožnosti pokaždé, když klikne na pole pro podpis

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.

Chybová hláška režimu Liquid Mode

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í:

Nepodporované prvky kódu HTML
Nepodporované textové značky služby Acrobat Sign
Nepodporované pracovní postupy služby Acrobat Sign
Interní chyba režimu Liquid Mode

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.

Vzorový dokument HTML: žádost o úvěrovou zprávu

K vlastnostem formuláře, které se nejlépe hodí pro vytvoření zobrazení Liquid Mode, patří:

dokumenty s velkými bloky textu, které by bylo potřeba přibližovat gestem
formuláře, ve kterých se nepřekrývají žádná pole a zobrazení polí v režimu Liquid Mode je přijatelné

<!DOCTYPE html>

<head>

<title>Vzorový název</title>

<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>

<h2 class="txt_logo"><B>VZOROVÁ SPOLEČNOST</b></h2>

<h1 class="h1_header">VZOROVÁ ŽÁDOST O BEZPLATNOU ÚVĚROVOU ZPRÁVU </h1>

</div>

<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>

<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>Doručení je v rozsahu X-Y dní. 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>

<p class="textTag">{{*LastName_es_:signer1}}</p>

<label for="LastName">PŘÍJMENÍ</label>

</div>

<p class="textTag">{{*FirstName_es_:signer1}}</p>

<label for="FirstName">KŘESTNÍ JMÉNO, INICIÁLY</label>

</div>

<p class="textTag">{{Suffix_es_:signer1}}</p>

<label for="Suffix">ZA JMÉNEM (sr., jr., atd.)</label>

</div>

<p class="textTag">{{*StreetAddress_es_:signer1 }}</p>

<label for="StreetAddress">SOUČASNÁ ADRESA BYDLIŠTĚ</label>

</div>

<p class="textTag">{{*Apt_es_:signer1}}</p>

<label for="Apt">ČÍSLO</label>

</div>

<p class="textTag">{{*City_es_:signer1}}</p>

</div>

<p class="textTag">{{*Prov_es_:signer1}}</p>

<label for="Prov">OKRES</label>

</div>

<p class="textTag">{{*Zip_es_:signer1:zip}}</p>

</div>

<h2>DŘÍVĚJŠÍ ADRESA NEBO ADRESY ZA POSLEDNÍ 3 ROKY</h2>

<p class="textTag">{{*StreetAddressPr_es_:signer1 }}</p>

<label for="StreetAddressPr">DŘÍVĚJŠÍ ADRESA BYDLIŠTĚ </label>

</div>

<p class="textTag">{{*AptPr_es_:signer1}}</p>

<label for="AptPr">ČÍSLO</label>

</div>

<p class="textTag">{{*CityPr_es_:signer1}}</p>

</div>

<p class="textTag">{{*PrvPr_es_:signer1}}</p>

<label for="PrvPr">OKRES</label>

</div>

<p class="textTag">{{*ZipPr_es_:signer1:zip}}</p>

</div>

<div>

<p class="textTag">{{*EmailAddress_es_:signer1:isemail}}</p>

</div>

<p class="textTag">{{$DATEOFBIRTH}}</p>

<label for="Date">DATUM NAROZENÍ </label>

</div>

<p class="textTag">{{SocialSecurityNumber_es_:signer1:ssn}}</p>

</div>

<p class="textTag">{{$NAMEMAJORCARD}}</p>

<label for="NameMajorCard">NÁZEV HLAVNÍ KREDITNÍ KARTY:</label>

</div>

<p class="textTag">{{$LAST4}}</p> <label for="Last4">POSLEDNÍ 4 ČÍSLICE HLAVNÍ KREDITNÍ KARTY:</label>

</div>

<p class="textTag">{{*Signature_es_:signer1:signature}}</p><label for="Signature">Podpis</label>

</div>

<p class="textTag">{{*DateOfSignature_es_:signer1:date}}</p><label for="DateOfSignature">Datum</label>

</div>

<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="item"><label>{{$M}}MasterCard</label></div>

</div>
</legend>

<label for="CardholderName">Jméno držitele karty:</label>

<p>{{$CALCULATEDCARDHOLDERNAME}}</p>

</div>

<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>

<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>

<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>

<p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>

<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>

{{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}

<p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+" "+[LastName]+" "+[Suffix])}}

<p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}

<p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>

<p>{{#EXPIRYDATE=*ExpiryDate_es_:isdate(format=mm/yy)}}</p>

<p>{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format=mm/dd/yyyy)}}</p>

</body>

</html>

Běžné zobrazení PDF ve službě Acrobat Sign

Zobrazení dohody:

Známé problémy a časté dotazy

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í.

Jednotlivé názvy polí se musí lišit, pokud se vztahují k různým subjektům
Rozhodně doporučujeme, aby každé pole formuláře neslo označení buďto pomocí označení pole formuláře nebo pomocí atributu „for“
Pokud je pole formuláře VOLITELNÉ, mělo by to být uvedené v textových značkách služby Sign. Například:
- {{*S.I.N_es_:signer1}} odpovídá povinnému poli formuláře
- {{S.I.N_es_:signer1}} odpovídá volitelnému polí formuláře
Textové značky služby Sign poskytují širokou škálu ověření pro PSČ, RČ, datum, e-mail, měnu, čísla s kontrolou intervalu nebo maximální délky apod. Používejte je
Textové značky služby Sign zahrnují také formátování pro pole formuláře jako je formát data, formát měny a další. Důrazně doporučujeme je používat
Všechna zaškrtávací políčka by měla nést s nimi spojená označení: Například:

<label> {{[]}} ANO, PŘEJI SI ZAKOUPIT SVÉ ÚVĚROVÉ SKÓRE</label>

Pokud se v papírovém formuláři nebo formuláři ve formátu PDF nachází pole formuláře, která vypadají jako zaškrtávací políčka, ale slouží k zaznačení pouze jedné vzájemně se vylučující odpovědi, jako jsou například odpovědi Ano/Ne, nebo otázka na typ karty Visa/MasterCard/AMEX, prosím seskupte tato pole formuláře a vytvořte z nich pole formuláře ve formátu přepínacího tlačítka nebo rozbalovací nabídky namísto jednotlivých zaškrtávacích políček. Přidejte i označení/nadpisy

<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>

Textové značky Sign také určují délku polí formulářů na vykreslené stránce podle délky textových značek Sign vykreslených na stránce. Pomocí textových značek služby Sign lze zkrátit délku polí formuláře. Na stránce https://helpx.adobe.com/sign/using/text-tag.html vyhledejte část „Zkrácení textových značek“ a „Dlouhé textové značky“. Podle běžného postupu se definuje část na konci dokumentu HTML, která obsahuje značky definice pro velmi dlouhé textové značky, a v části body souboru HTML se využívají referenční značky. Několik vzorových značek definice:

{{#CCARDDROPDOWN=*ccardDropDown_es_:dropdown(options="Visa,MasterCard,AMEX")}}

Zefektivněte svou práci s aplikací Acrobat Sign
Rychle a snadno spravujte a podepisujte dokumenty online

Aplikaci otevřete

Předchozí

Okraje pole formuláře

Další

Povolení umístění podpisu definovaného šablonou ve vlastních pracovních postupech

Informace

Učte se pomocí podrobných výukových videí a praktických pokynů přímo v aplikaci.

Komunita

Zapojte se do diskuzí, najděte odpovědi, učte se od odborníků a sdílejte své znalosti.

Domovská stránka Adobe

Získejte přístup k oblíbeným aplikacím, službám, správě souborů a dalším funkcím Creative Cloud.