Nowości
Pierwsze kroki
Administrowanie
Wysyłanie i podpisywanie umów oraz zarządzanie nimi
Zaawansowane możliwości umów i obiegów pracy
Integracja z innymi produktami
Programista Acrobat Sign
Pomoc techniczna i rozwiązywanie problemów
Funkcja podpisywania Liquid Mode usprawnia wyświetlanie dokumentów w oparciu o typ urządzenia odbiorcy, zmniejszając potrzebę rozsuwania palców i powiększania obrazu oraz pozwalając łatwo skupić się na polach, które należy wypełnić.
Dla odbiorcy generowane są umowy zgodne z trybem Liquid Mode z dwoma widokami:
Interfejs umożliwia odbiorcy łatwe przełączanie się między widokiem Liquid Mode a tradycyjnym widokiem PDF, w zależności od preferencji, i przechwytuje te same prawnie wiążące podpisy, których oczekujesz.
Umowy zgodne z trybem Liquid Mode są tworzone z pojedynczym plikiem HTML jako zawartością źródłową.
Istnieje kilka ograniczeń dotyczących kodu HTML i pól formularza w przesłanym dokumencie HTML. W szczególności:
Ponieważ widok Liquid Mode ma bardzo wyselekcjonowany interfejs, kod CSS określony w pliku HTML jest ignorowany (TYLKO w widoku Liquid Mode), a tylko atrybuty obsługiwanych znaczników HTML będą miały wpływ na widok Liquid Mode. Nie ma jednak takich ograniczeń dla widoku PDF. Usługa Acrobat Sign korzysta z pełnej gamy atrybutów dostępnych dla obsługiwanych znaczników oraz z kodu CSS określonego w dokumencie HTML w celu wygenerowania widoku PDF.
Do określania pól formularza w dokumencie HTML służy znacznik tekstowy Adobe Acrobat Sign.
Jeśli funkcja Liquid Mode jest włączona, ale nie można wygenerować widoku Liquid Mode, umowa jest tworzona tylko w widoku PDF.
Wiadomość e-mail z potwierdzeniem wysłana do nadawcy będzie zawierała listę przyczyn, dla których nie można wygenerować widoku Liquid Mode.
Funkcja Liquid Mode jest obecnie obsługiwana przez telefony komórkowe, a obsługa dodatkowych urządzeń jest w trakcie przygotowania.
Sprawdź, czy funkcja Liquid Mode jest włączona w menu Administrator Acrobat Sign:
Prześlij pojedynczy plik HTML przy użyciu jednej z następujących metod:
Aby pomyślnie utworzyć umowę z widokiem Liquid Mode, dokument HTML NIE może zawierać konstrukcji JavaScript.
W treści dokumentu HTML można używać tylko następujących znaczników:
Kategoria |
Znaczniki HTML |
Atrybuty wpływające na widok Liquid Mode |
Ograniczenia |
Nagłówki |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
BRAK |
|
Podział treści |
<div> |
align |
|
Podział |
<br> |
BRAK |
|
Linijka pozioma |
<hr> |
BRAK |
|
Akapit |
<p> |
align |
|
Obrazy |
<img> |
src, alt, height, width |
Zapoznaj się z sekcją Obsługa obrazów |
Tekst w wierszu |
<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup> |
BRAK |
|
Lista uporządkowana |
<ol>, <li> |
value, type, reversed, start |
|
Lista nieuporządkowana |
<ul>, <li> |
value, reversed, start |
|
Hiperłącze |
<a> |
href |
Protokół URL jest ograniczony do http, https i mailto |
Tabela |
<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup> |
BRAK |
1. Tabele zagnieżdżone NIE są obsługiwane. 2. Pola formularza w tabelach NIE są obsługiwane. |
Etykieta pola formularza |
<label> |
for |
Zobacz sekcję „Etykiety pól formularza”. |
Grupowanie pól formularza |
BRAK |
Zobacz sekcję „Grupy etykiet pól”. |
|
Obrazy |
<img> |
src, alt, height, width |
Rozmiar obrazu oraz cały plik HTML powinien być mniejszy niż 400 KB. Obsługiwane są następujące formaty: JPEG, PNG, GIF, BMP i TIFF. Źródło obrazu musi być adresem URL HTTP. |
Pola formularza należy określić w dokumencie HTML za pomocą notacji znacznika tekstowego Adobe Acrobat Sign.
Poniższa tabela przedstawia przykładowe pola formularzy przy użyciu znaczników tekstowych Acrobat Sign:
Pole |
Znaczniki tekstowe Sign |
Pola podpisu (podpis, inicjały, blok podpisu, 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(“Czerwony”)}} {{(Blue)Color_es_:signer1:label(“Niebieski”)}} {{(Green)Color_es_:signer1:label(“Zielony”)}} |
|
{{Image1_es_:signer1:inlineimage(4)}} |
|
{{Color_es_:signer1:dropdown(options="Red,Green,B lue”, values=”R,G,B”)}} |
|
{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}} |
|
{{*DriversLicense_es_:signer1:attachment}} |
|
| {{Car_color_es:signer1:tooltip('Choose a color')}} | |
{{digsig1_es_:signer1:digitalsignature}} |
|
{{*Mobile_es_:signer1:phone}} {{d_es_:signer1:num(>0,<60)}} |
|
np. {{field_es_:showif(price>60)}} |
|
{{TV_es_:calc([SubTotal]+[Tax])}} |
Wszystkie konstrukcje pól formularza Acrobat Sign są obsługiwane z wyjątkiem następujących:
Kategoria |
Nieobsługiwane konstrukcje |
Wyjątki |
Pole formularza podpisu cyfrowego |
:digitalsignature nie będzie obsługiwane. |
|
Wstępne wypełnianie obiegów pracy |
Dyrektywa :prefill nie będzie obsługiwana. |
|
Pole formularza hiperłącza |
Dyrektywa :page(N) nie będzie obsługiwana. :łącze z protokołami innymi niż http, https i mailto. |
Dyrektywy :signer1 i :everyone będą obsługiwane. |
Pola formularza bez nazwy |
Pola formularza bez nazwy nie będą obsługiwane. |
Pola wyboru bez nazwy będą obsługiwane. |
Zmienione nazwy pól formularza |
Wiele pól formularza o tej samej nazwie, ale z różnymi dyrektywami, nie będą obsługiwane. |
|
Z każdym polem formularza powinna być skojarzona etykieta. Etykiety nie są wymagane dla każdego pola formularza, jednak zdecydowanie zaleca się, aby pola formularza miały etykiety.
W szczególności w trybie Liquid Mode:
Pola formularza można powiązać z etykietami za pomocą znacznika HTML <label> w jeden z następujących sposobów:
Etykiety, które nie mogą być powiązane z polami formularza za pomocą powyższych reguł, będą renderowane jako niepowiązany tekst etykiety.
Ponadto znaczniki tekstowe Acrobat Sign obsługują dyrektywę :label dla typów pól formularza:
Znacznik tekstowy Acrobat Sign dyrektywy :label i znacznik <label> można łączyć na następujące sposoby:
|
Typ pola formularza |
Rola dyrektywy :label |
Rola znacznika HTML <label> |
|
Załączniki plikowe Hiperłącza |
Określa etykietę wyświetlaną wewnątrz pola formularza. |
Znacznik <label> określa etykietę lub nagłówek pola formularza. |
|
Pole wyboru Przycisk opcji |
Określa etykietę lub nagłówek pola formularza. |
Jeśli dyrektywa :label znacznika tekstowego Acrobat Sign jest nieobecna, dla pola formularza pojawi się etykieta <label>. Jeśli istnieją jednocześnie atrybuty :label i <label>, nie można utworzyć widoku Liquid Mode. Przykłady:
|
Etykiety dla pól wyboru można określić w następujący sposób:
Etykiety dla przycisku opcji można określić w następujący sposób:
Zwykle w języku HTML atrybut „for” odnosi się do wartości id pola. W trybie Liquid Mode atrybut „for” odwołuje się do nazw pól. Może to powodować niejednoznaczność w przypadku klonowanych pól formularzy — w przypadku wielu wystąpień pól formularzy z dokładnie tą samą dyrektywą znaczników tekstowych Acrobat Sign. W takim przypadku musimy unikać używania atrybutu „for” i powiązać etykiety, umieszczając znacznik tekstowy wewnątrz elementu <label>.
Na przykład, poniższy sposób użycia spowoduje utworzenie sklonowanych pól formularza z różnymi etykietami dla każdej z dwóch instancji w widoku przepływu mobilnego:
Jeśli sklonowane pole formularza określa etykietę za pomocą atrybutu „for”, odwołania są niejednoznaczne i nie można ich rozpoznać. w takim przypadku widok Liquid Mode nie zostanie utworzony.
Na przykład: poniższe użycie spowoduje utworzenie tylko widoku PDF:
Etykiety są powiązane z jednym polem formularza. Aby powiązać etykietę/podpis z grupą pól (w szczególności z grupami przycisków opcji), zachęcamy do korzystania z zestawu pól i elementów legendy. Zestaw pól służy do grupowania elementów, a legenda służy do dostarczania podpisu/etykiety dla grupy. Podobnie jak w przypadku etykiet, zalety trybu Liquid Mode są następujące:
Na przykład:
<legend>Wybierz ulubiony kolor podstawowy</legend>
{{(Red)Color_es_:signer1:label("Czerwony")}}<br/>
{{(Blue)Color_es_:signer1:label("Niebieski")}}<br/>
{{(Green)Color_es_:signer1:label("Zielony")}}<br/>
</fieldset>
W przypadku większości dokumentów autor nie chce domyślnego renderowania zestawu pól.
Obwiednię można usunąć za pomocą tego kodu CSS:
fieldset {
border: none;
margin: 0;
padding: 0;
}
Obrazy są obsługiwane z następującymi ograniczeniami:
Tryb Liquid Mode nie obsługuje następujących obiegów pracy Acrobat Sign:
Próba utworzenia widoku Liquid Mode w powyższych obiegach pracy spowoduje utworzenie umowy tylko z widokiem PDF. Wiadomość e-mail z potwierdzeniem wysłana do nadawcy będzie zawierała listę przyczyn, dla których nie można wygenerować widoku Liquid Mode.
Jeśli nadawca próbował wygenerować umowę z widokiem Liquid Mode, ale usługa Acrobat Sign nie mogła jej wygenerować, w wiadomości e-mail z potwierdzeniem umowy zostanie wyświetlony komunikat o konkretnych problemach, które uniemożliwiły utworzenie widoku Liquid Mode. Nadawca może rozwiązać zgłoszone problemy i podjąć próbę utworzenia umowy z widokiem Liquid Mode w kolejnych próbach.
Zgłoszone problemy można podzielić na następujące kategorie:
Wewnętrzne błędy Liquid Mode występują, gdy podczas próby utworzenia widoku Liquid Mode serwer napotyka nieoczekiwane błędy.
W przypadku innych kategorii błędów szczegóły zgłoszonych problemów można znaleźć w następujących podsekcjach:
Jeśli widoku Liquid Mode nie można wygenerować z powodu nieobsługiwanych konstrukcji HTML, wiadomość e-mail z potwierdzeniem wysłana do nadawcy będzie zawierać co najmniej jeden z następujących ciągów błędów:
|
Ciągi błędów |
|
Nieobsługiwany element [+tagName] |
|
Nieobsługiwany protokół URL [+url] |
|
Pola formularza w tabelach nie są obsługiwane [+tagName] |
|
Tabele zagnieżdżone nie są obsługiwane |
|
Nieprawidłowy element podrzędny etykiety [+tagName] |
Więcej informacji można znaleźć w sekcji Obsługiwane znaczniki HTML.
Jeśli widoku Liquid Mode nie można wygenerować z powodu nieobsługiwanego znacznika tekstowego Acrobat Sign, wiadomość e-mail z potwierdzeniem wysłana do nadawcy będzie zawierać co najmniej jeden z następujących ciągów błędów:
|
Ciągi błędów |
|
Nie można znaleźć definicji znacznika dla odniesienia [+shortName] |
|
Wstępnie wypełnione pola nie są obsługiwane [+name] |
|
Wewnętrzne hiperłącza nie są obsługiwane [+name] |
|
Nienazwane pola są obsługiwane tylko dla pól wyboru |
|
Pola o tej samej nazwie i różnych dyrektywach nie są obsługiwane [+name] |
|
Podpisy cyfrowe nie są obsługiwane [+name] |
|
Pola mogą nie mieć zarówno elementu etykiety, jak i dyrektywy etykiety [+name] |
|
Brak pola formularza Sign dla znacznika tekstowego [+name] |
Więcej informacji można znaleźć w sekcji Specyfikacja pól formularza.
Jeśli widoku Liquid Mode nie można wygenerować z powodu nieobsługiwanych obiegów pracy Acrobat Sign, wiadomość e-mail z potwierdzeniem wysłana do nadawcy będzie zawierać co najmniej jeden z następujących ciągów błędów:
|
Ciągi błędów |
|---|
|
Umowa jest szablonem biblioteki |
|
Umowa wymaga podpisu pisemnego |
|
Umowa ma włączoną opcję CFR powodu podpisania |
|
Umowa ma włączoną opcję CFR ponownego uwierzytelniania ESign |
Więcej informacji można znaleźć w sekcji Specyfikacja pól formularza.
Cechy formularzy, które są głównymi celami tworzenia Liquid Mode:
Pobierz
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Przykładowy tytuł</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>PRZYKŁADOWA FIRMA</b></h2>
<h1 class="h1_header">PRZYKŁADOWE ŻĄDANIE UZYSKANIA MOJEGO BEZPŁATNEGO RAPORTU KREDYTOWEGO </h1>
</div>
<div class="body">
<h3>Przykładowe ważne informacje i instrukcje:</h3>
<p>W celu ochrony danych osobowych użytkowników zostanie zweryfikowana tożsamość przed wysłaniem raportu kredytowego na <u>potwierdzony</u>
adres domowy. Należy dostarczyć kserokopię przedniej i tylnej strony następujących dokumentów:</p>
<ul class="info">
<li class="info__item">Dwa dokumenty urzędowo wystawione potwierdzające tożsamość</li>
<li class="info__item">Jeśli Twój adres nie jest aktualny w żadnym z dokumentów identyfikacyjnych, musisz także podać</u> dodatkowy dokument z podanym <u>aktualnym adresem domowym</u> (np. rachunek za media).</li>
<li class="info__item">Jeśli podasz swój <b>numer ubezpieczenia społecznego</b>, porównamy go z naszymi dokumentami, aby upewnić się, że podamy Ci prawidłowe informacje. Znajomość tej informacji pomaga nam uniknąć opóźnień i zamieszania w przypadku, gdy informacje identyfikacyjne innej osoby (takie jak imię i nazwisko oraz adres) są podobne do podanych przez Ciebie.</li>
<li class="info__item">Jeśli dostarczasz <b>wyciąg z karty kredytowej </b>lub kopię swojej <b>karty kredytowej</b> jako potwierdzenie, upewnij się, że <b>wyciąg z karty kredytowej</b> nie zawiera żadnych prywatnych informacji.</li>
</ul>
<p>Informacje podane w formularzu zostaną użyte do potwierdzenia Twojej tożsamości i mogą zostać użyte do zaktualizowania raportu kredytowego. Takie uaktualnione informacje będą przechowywane, zabezpieczone, wykorzystywane i/lub ujawniane w ramach zwykłego kursu w ramach dokumentacji kredytowej. Więcej informacji na temat zasad ochrony prywatności PRZYKŁADOWEJ FIRMY można znaleźć w Zasadach ochrony prywatności firmy Adobe pod adresem https://www.adobe.com/pl/privacy/policy.html. W każdym razie zachowamy kopię dostarczonych informacji w celu wykazania, że firma Adobe wypełniła zobowiązanie do uzyskania rozsądnej identyfikacji.
</p>
<p>Wyślij wypełniony formularz z potwierdzeniem tożsamości na adres: <b>Lorem inseam dolor sit amen, consenttetur</b> lub faksem pod numer: <b>XXX-XX-XXXX.</b>Dostarczenie trwa X–Y dni. Jeśli konieczne są korekty raportu kredytowego, należy wypełnić formularz aktualizacji raportu kredytowego dołączony do pakietu lub odwiedzić stronę <a href="http://sampleurl">SampleURL</a> i kliknąć opcję „Jak załączyć plik” w Pomocy przykładowej firmy Adobe.
</p>
</div>
<div class="form">
<div class="columns-3">
<div class="item">
<p class="textTag">{{*LastName_es_:signer1}}</p>
<label for="LastName">NAZWISKO </label>
</div>
<div class="item">
<p class="textTag">{{*FirstName_es_:signer1}}</p>
<label for="FirstName">IMIĘ, INICJAŁ</label>
</div>
<div class="item">
<p class="textTag">{{Suffix_es_:signer1}}</p>
<label for="Suffix">PRZYROSTEK (Sr., Jr. itp.)</label>
</div>
</div>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddress_es_:signer1 }}</p>
<label for="StreetAddress">AKTUALNY ADRES </label>
</div>
<div class="item">
<p class="textTag">{{*Apt_es_:signer1}}</p>
<label for="Apt">NUMER MIESZKANIA</label>
</div>
<div class="item">
<p class="textTag">{{*City_es_:signer1}}</p>
<label for="City">MIEJSCOWOŚĆ</label>
</div>
<div class="item">
<p class="textTag">{{*Prov_es_:signer1}}</p>
<label for="Prov">WOJEWÓDZTWO</label>
</div>
<div class="item">
<p class="textTag">{{*Zip_es_:signer1:zip}}</p>
<label for="Zip">KOD POCZTOWY</label>
</div>
</div>
<h2>POPRZEDNIE ADRESY W CIĄGU OSTATNICH 3 LAT</h2>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddressPr_es_:signer1 }}</p>
<label for="StreetAddressPr">POPRZEDNI ADRES </label>
</div>
<div class="item">
<p class="textTag">{{*AptPr_es_:signer1}}</p>
<label for="AptPr">NUMER MIESZKANIA</label>
</div>
<div class="item">
<p class="textTag">{{*CityPr_es_:signer1}}</p>
<label for="CityPr">MIEJSCOWOŚĆ</label>
</div>
<div class="item">
<p class="textTag">{{*PrvPr_es_:signer1}}</p>
<label for="PrvPr">WOJEWÓDZTWO</label>
</div>
<div class="item">
<p class="textTag">{{*ZipPr_es_:signer1:zip}}</p>
<label for="ZipPr">KOD POCZTOWY</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">DATA URODZENIA </label>
</div>
<div class="item">
<p class="textTag">{{SocialSecurityNumber_es_:signer1:ssn}}</p>
<label for="SocialSecurityNumber">NUMER UBEZPIECZENIA SPOŁECZNEGO:</label>
</div>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{$NAMEMAJORCARD}}</p>
<label for="NameMajorCard">NAZWA GŁÓWNEJ KARTY KREDYTOWEJ:</label>
</div>
<div class="item">
<p class="textTag">{{$LAST4}}</p> <label for="Last4">OSTATNIE 4 CYFRY GŁÓWNEJ KARTY KREDYTOWEJ:</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">Data</label>
</div>
</div>
<div class="checkbox">
<label class="underline">{{$PAY}} TAK, CHCĘ RÓWNIEŻ KUPIĆ MOJĄ OCENĘ Przykładowej firmy* ZA X,XX USD (z podatkiem)</label>
</div>
<fieldset>
<legend> Upoważniam Przykładową firmę do obciążenia mojej karty kredytowej płatnością:</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">Imię i nazwisko posiadacza karty:</label>
<p>{{$CALCULATEDCARDHOLDERNAME}}</p>
</div>
<div class="card-info">
<label for="CardNumber">Numer karty:</label>
<p class="card-number">{{*CardNumber_es_:signer1}}</p> <label for="ExpiryDate">Data ważności:</label>
<p class="expiry-date">{{$EXPIRYDATE}}</p>
</div>
<div class="note">
<p>Uwaga: płatności czekiem i gotówką nie są akceptowane. Nazwisko posiadacza karty musi być takie samo jak imię i nazwisko osoby żądającej.</p>
</div>
</div>
<div class="footer">
<p>*XY Przykładowej firmy to produkt używany przez niektórych usługodawców do oceny wniosków o kredyt i usługi. Nie jest to część przykładowego raportu o kredytach, ale jest on oparty na określonych informacjach zawartych w pliku kredytowym w momencie obliczania. Lorem Ipsem nie jest tym samym, co Lorem Ipsem, który jest również używany przez niektórych kredytodawców. Przykładowa firma dostarczy bezpłatny przykładowy raport niezależnie od tego, czy zakupiono Lorem Ipsem. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Przykładowa firma może świadczyć więcej usług przykładowych:</b> Przykładowy adres Telefon: 1-XXX-XXX-XXXX w przykładzie: 1-XXX-XXX-XXXX</p>
</div>
</div>
<!-- PODZIAŁ STRONY -->
<div style="page-break-after:always"></div>
<!-- definicje znacznika tekstowego SIGN -->
{{#REMOVE_PAGE_FROM_OUTPUT}}
<!-- pole wyboru -->
<p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>
<!-- przycisk opcji i reguła warunkowa do włączenia, jeśli opcja Zapłać jest zaznaczona -->
<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>
<!-- lista rozwijana -->
{{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}
<!-- pole obliczeniowe -->
<p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+" "+[LastName]+" "+[Suffix])}}
<!-- walidacja formatowania wyrażenia regularnego -->
<p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}
<p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>
<!-- sprawdzanie daty -->
<p>{{#EXPIRYDATE=*ExpiryDate_es_:isdate(format=mm/yy)}}</p>
<p>{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format=mm/dd/yyyy)}}</p>
</body>
</html>
Widok umowy:
Zalecamy, aby podczas tworzenia kodu HTML kilka razy przetestować kod HTML i sprawdzić, czy nie występują błędy i czy spełnia on ogólne kryteria przepływu przed wysłaniem go do odpowiednich odbiorców.
Elementy HTML w dokumencie HTML muszą być zgodne z kolejnością odczytu dokumentu.
Podziały stron w dokumencie powinny być wyraźnie określone za pomocą właściwości CSS „page-break-after” zgodnie z poniższym przykładem:
<div style="page-break-after:always"></div>
Zmiana projektu dokumentu z uwzględnieniem przepływu tekstu może zwiększyć komfort korzystania z urządzeń przenośnych. Jeżeli NIE rozważasz zmiany projektu dokumentu, możesz zastosować się do ogólnego wyglądu i działania oryginalnego pliku PDF z kilkoma wyjątkami:
W widoku Liquid Mode nie będzie obsługi specjalnych artefaktów na poziomie strony. Jeśli na poziomie strony występują artefakty, takie jak nagłówki, stopki, znaki wodne itp. w dokumencie HTML, mogą być wyświetlane w widoku przepływu w środku wlewanej zawartości.
Jeśli formularz zawiera instrukcje dotyczące wypełniania pól formularza, takie jak „DRUKUJ” lub „OPCJONALNIE” albo instrukcje formatowania, takie jak „(mm/dd/rrrr)”, nie należy dołączać tekstu do kodu HTML — niektóre informacje, takie jak instrukcje formatowania „(mm/dd/rrrr)” lub jeśli pole formularza jest „OPCJONALNE”, powinny być określone w specyfikacji pola formularza za pomocą znaczników tekstowych.
Niektóre fragmenty tekstu mogą wymagać zebrania złożonych zestawów informacji. Dzielenie ich na wiele pól formularza upraszcza sposób użycia. Na przykład w powyższym przykładowym dokumencie „NAZWA I OSTATNIE 4 CYFRY GŁÓWNEJ KARTY KREDYTOWEJ” podzielono na „NAZWA GŁÓWNEJ KARTY KREDYTOWEJ” i „OSTATNIE 4 CYFRY GŁÓWNEJ KARTY KREDYTOWEJ”.
Używaj tylko obsługiwanych znaczników HTML wymienionych powyżej. Zobacz sekcję dotyczącą konstrukcji HTML.
Używaj współrzędnych względnych i umiejscowień, takich jak {szerokość: 30%}, dzięki czemu kod HTML umożliwia przepływ dla urządzeń o różnej szerokości. W kodzie CSS nie powinna występować szerokość bezwzględna strony.
Jeśli plik PDF zawiera konstrukcję tabeli lub listy, odpowiednia reprezentacja HTML powinna być odpowiednio tabelą lub listą. Jedynym wyjątkiem są tabele z polami formularza. Jeśli tabela zawiera pola formularza, te same informacje należy przedstawić bez tabel.
W celu zapewnienia lepszych wrażeń podczas wypełniania formularzy online zaleca się, aby pola formularzy były tworzone przy użyciu wszystkich operacji weryfikacji, wyrażeń formatowania i reguł warunkowych oraz formuły obliczeniowej oferowanych przez znaczniki tekstowe Sign.
<label> {{[]}} TAK. CHCĘ RÓWNIEŻ KUPIĆ MOJĄ OCENĘ KREDYTOWĄ</label>
<fieldset>
<legend>Opcje płatności:</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)}}
