Neue Funktionen
Erste Schritte
Verwaltung
Senden, Signieren und Verwalten von Vereinbarungen
Erweiterte Vereinbarungsfunktionen und Workflows
Integration in andere Produkte
Acrobat Sign-Entwickler
Support und Fehlerbehebung
Das Liquid Mode-Signiererlebnis verbessert die Anzeige Ihrer Dokumente je nach Gerätetyp des Empfängers. Verkleinern und Vergrößern ist nicht mehr erforderlich und Sie können sich voll und ganz auf die Felder konzentrieren, die ausgefüllt werden müssen.
Liquid Mode-konforme Vereinbarungen werden mit zwei Ansichten für den Empfänger generiert:
Über die Benutzeroberfläche kann der Empfänger je nach Präferenz einfach zwischen der Liquid Mode- und der herkömmlichen PDF-Ansicht des Dokuments wechseln und jeweils dieselben rechtsverbindlichen Signaturen erfassen, die Sie erwarten.
Liquid Mode-konforme Vereinbarungen werden mit einer einzigen HTML-Datei als Quellinhalt erstellt.
Es gibt einige Einschränkungen für die HTML- und Formularfeldkonstrukte im hochgeladenen HTML-Dokument. Das heißt:
Da die Liquid Mode-Ansicht ein sehr kuratiertes Erlebnis bietet, werden CSS-Anweisungen in der HTML-Datei ignoriert (NUR in der Liquid Mode-Ansicht); die Liquid Mode-Ansicht wird nur von den Attributen der unterstützten HTML-Tags beeinflusst. Für die PDF-Ansicht gelten diese Einschränkungen nicht. Um die PDF-Ansicht zu generieren, verwendet Acrobat Sign die gesamte Palette an Attributen, die für die unterstützten Tags verfügbar sind, sowie die im HTML-Dokument angegebenen CSS-Anweisungen.
Um die Formularfelder im HTML-Dokument anzugeben, wird die Schreibweise für Adobe Acrobat Sign-Text-Tags verwendet.
Wenn die Liquid Mode-Funktion aktiviert ist, aber die Liquid Mode-Ansicht aus einem beliebigen Grund nicht generiert werden kann, wird die Vereinbarung nur mit der PDF-Ansicht erstellt.
In der Bestätigungs-E-Mail an den Absender werden die Gründe aufgeführt, aus denen die Liquid Mode-Ansicht nicht generiert werden konnte.
Der Liquid Mode wird derzeit auf Mobiltelefonen unterstützt, wobei die Unterstützung zusätzlicher Geräte in Entwicklung ist.
Stellen Sie sicher, dass der Liquid Mode im Menü „Acrobat Sign-Admin“ aktiviert ist:
Senden einer einzelnen HTML-Datei mit einer der folgenden Methoden:
Um eine Vereinbarung mit der Liquid Mode-Ansicht erfolgreich zu erstellen, darf das HTML-Dokument keine JavaScript-Konstrukte enthalten.
Nur die folgenden Tags dürfen im Textkörper des HTML-Dokuments verwendet werden:
Kategorie |
HTML-Tags |
Attribute, die sich auf die Liquid Mode-Ansicht auswirken |
Einschränkungen |
Überschriften |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
KEINE |
|
Inhalt |
<div> |
align |
|
Zeilenumbruch |
<br> |
KEINE |
|
Horizontale Linie |
<hr> |
KEINE |
|
Absatz |
<p> |
align |
|
Bilder |
<img> |
src, alt, Höhe, Breite |
Siehe Abschnitt „Bildunterstützung“ |
Inline-Text |
<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup> |
KEINE |
|
Geordnete Liste |
<ol>, <li> |
value, type, reversed, start |
|
Ungeordnete Liste |
<ul>, <li> |
value, reversed, start |
|
Hyperlink |
<a> |
href |
Das URL-Protokoll ist auf http, https und mailto beschränkt |
Tabelle |
<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup> |
KEINE |
1. Verschachtelte Tabellen werden NICHT unterstützt. 2. Formularfelder innerhalb von Tabellen werden NICHT unterstützt. |
Formularfeldbeschriftung |
<label> |
nach |
Siehe Abschnitt Formularfeldbeschriftungen. |
Formularfeldgruppierung |
KEINE |
Siehe Abschnitt Beschriftung von Feldgruppen. |
|
Bilder |
<img> |
src, alt, Höhe, Breite |
Die Größe des Bildes und der gesamten HTML-Datei sollte weniger als 400 KB betragen. Die folgenden Formate werden unterstützt JPEG, PNG, GIF, BMP und TIFF. Die Bildquelle muss eine HTTPs-URL sein. |
Formularfelder müssen im HTML-Dokument mit der Schreibweise für Adobe Acrobat Sign-Text-Tags angegeben werden.
In der folgenden Tabelle sind Beispiele für Formularfelder mit Acrobat Sign-Text-Tags aufgeführt:
Feld |
Sign-Text-Tags |
Signaturfelder (Signatur, Initialen, Signaturblock, 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,B lue”, values=”R,G,B”)}} |
|
{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}} |
|
{{*DriversLicense_es_:signer1:attachment}} |
|
| {{Car_color_es:signer1:tooltip('Farbe auswählen')}} | |
{{digsig1_es_:signer1:digitalsignature}} |
|
{{*Mobile_es_:signer1:phone}} {{d_es_:signer1:num(>0,<60)}} |
|
z. B. {{field_es_:showif(price>60)}} |
|
{{TV_es_:calc([SubTotal]+[Tax])}} |
Alle Acrobat Sign-Formularfeldkonstrukte werden unterstützt, mit Ausnahme der folgenden:
Kategorie |
Nicht unterstützte Konstrukte |
Ausnahmen |
Formularfeld für digitale Signatur |
:digitalsignature wird nicht unterstützt |
|
Workflows für die Vorausfüllung |
Die Direktive :prefill wird nicht unterstützt. |
|
Hyperlink-Formularfeld |
Die Direktive :page(N) wird nicht unterstützt. :link mit anderen Protokollen als http, https and mailto. |
Die Direktiven :signer1 und :everyone werden unterstützt. |
Unbenannte Formularfelder |
Unbenannte Formularfelder werden nicht unterstützt. |
Unbenannte Kontrollkästchen werden unterstützt. |
Umbenannte Formularfelder |
Mehrere Formularfelder mit demselben Namen, aber unterschiedlichen Direktiven werden nicht unterstützt. |
|
Jedem Formularfeld sollte eine Beschriftung zugeordnet sein. Obwohl die Beschriftungen nicht für jedes Formularfeld vorgeschrieben sind, wird dringend empfohlen, Formularfelder mit Beschriftungen zu versehen.
Insbesondere im Liquid Mode gilt:
Formularfelder können mit dem HTML-Tag <label> auf eine der folgenden Weisen an Beschriftungen gebunden werden:
Beschriftungen, die nicht mithilfe der oben genannten Regeln an Formularfelder gebunden werden können, werden als ungebundener Beschriftungstext wiedergegeben.
Darüber hinaus unterstützen Acrobat Sign-Text-Tags die Direktive :label für die folgenden Formularfeldtypen:
Die Acrobat Sign Text-Tag-Direktive :label und <label> können auf folgende Weise kombiniert werden:
|
Formularfeldtyp |
Rolle der :label-Direktive |
Rolle des HTML-Tags <label> |
|
Dateianlagen, Hyperlinks |
Gibt die Beschriftung an, die im Feld „Formularfeld“ angezeigt wird. |
Das <label>-Tag gibt die Beschriftung oder Überschrift des Formularfelds an. |
|
Kontrollkästchen, Optionsfeld |
Gibt die Beschriftung oder Überschrift des Formularfelds an. |
Wenn die Acrobat Sign-Text-Tag-Direktive :label fehlt, tritt <label> für das Formularfeld an ihre Stelle. Wenn sowohl :label als auch <label> vorhanden sind, kann die Liquid Mode-Ansicht nicht erstellt werden. Beispiele:
|
Beschriftungen für Kontrollkästchen können auf folgende Weise angegeben werden:
Beschriftungen für Optionsfelder können auf folgende Weise angegeben werden:
In der Regel bezieht sich in HTML das Attribut „for“ auf einen Feld-ID-Wert. Der Liquid Mode verwendet das Attribut „for“, um auf Feldnamen zu verweisen. Dies kann zu Mehrdeutigkeiten bei geklonten Formularfeldern führen, wenn mehrere Instanzen von Formularfeldern mit genau derselben Acrobat Sign-Text-Tag-Direktive vorhanden sind. In diesem Fall ist die Verwendung des Attributs „for“ zu vermeiden. Die Zuordnung von Beschriftungen erfolgt, indem das Text-Tag in ein <label>-Element eingeschlossen wird.
Die folgende Verwendung erstellt beispielsweise geklonte Formularfelder mit unterschiedlichen Beschriftungen für jede der beiden Instanzen in der mobilen Ansicht „Umfließen“:
Wenn in einem geklonten Formularfeld eine Beschriftung mit einem „for“-Attribut angegeben wird, sind die Referenzen mehrdeutig und können nicht aufgelöst werden. In diesem Fall wird keine Liquid Mode-Ansicht erstellt.
Beispielsweise wird bei der folgenden Verwendung nur eine PDF-Ansicht erstellt:
Beschriftungen sind einem einzelnen Formularfeld zugeordnet. Wenn eine Beschriftung/ein Titel einer Gruppe von Feldern (insbesondere einer Gruppe von Optionsfeldern) zugeordnet werden soll, empfehlen wir die Verwendung von fieldset- und legend-Elementen. Das fieldset-Element wird zur Gruppierung der Elemente verwendet und das legend-Element wird verwendet, um einen Titel/eine Beschriftung für die Gruppe anzugeben. Ähnlich wie bei der Beschriftung ergeben sich folgende Vorteile im Liquid Mode:
Beispiel:
<legend>Bevorzugte primäre Farbe auswählen</legend>
{{(Red)Color_es_:signer1:label("Red")}}<br/>
{{(Blue)Color_es_:signer1:label("Blue")}}<br/>
{{(Green)Color_es_:signer1:label("Green")}}<br/>
</fieldset>
In der Regel wünschen sich Autoren bei den meisten Dokumenten nicht die Standardwiedergabe des fieldset-Tags.
Der Begrenzungsrahmen kann mit diesem CSS entfernt werden:
fieldset {
border: none;
margin: 0;
padding: 0;
}
Bilder werden mit den folgenden Einschränkungen unterstützt:
Der Liquid Mode unterstützt nicht die folgenden Acrobat Sign-Workflows:
Wenn versucht wird, im Rahmen der oben genannten Workflows eine Liquid Mode-Ansicht zu erstellen, wird nur eine Vereinbarung mit der PDF-Ansicht erstellt. In der Bestätigungs-E-Mail an den Absender sind die Gründe aufgeführt, warum die Liquid Mode-Ansicht nicht generiert werden konnte.
Wenn der Absender versucht hat, eine Vereinbarung mit einer Liquid Mode-Ansicht zu erstellen, Acrobat Sign diese jedoch nicht generieren konnte, wird der Absender in der Bestätigungs-E-Mail der Vereinbarung darüber benachrichtigt, welche konkreten Probleme dazu geführt haben, dass die Liquid Mode-Ansicht nicht erstellt werden konnte. Der Absender kann die gemeldeten Probleme beheben und anschließend versuchen, die Vereinbarung mit einer Liquid Mode-Ansicht zu erstellen.
Die gemeldeten Probleme lassen sich in die folgenden Kategorien unterteilen:
Interne Liquid Mode-Fehler treten auf, wenn der Server bei dem Versuch, die Liquid Mode-Ansicht zu erstellen, unerwartete Fehlerbedingungen feststellt.
Für die anderen Fehlerkategorien finden Sie Einzelheiten zu den gemeldeten Problemen in den folgenden Unterabschnitten:
Wenn die Erstellung der Liquid Mode-Ansicht aufgrund nicht unterstützter HTML-Konstrukte fehlschlägt, enthält die Bestätigungs-E-Mail an den Absender eine oder mehrere der folgenden Fehlerzeichenfolgen:
|
Fehlerzeichenfolgen |
|
Nicht unterstütztes Element [+tagName] |
|
Nicht unterstütztes URL-Protokoll [+url] |
|
Formularfelder in Tabellen werden nicht unterstützt [+tagName] |
|
Verschachtelte Tabellen werden nicht unterstützt |
|
Ungültige untergeordnete Beschriftung [+tagName] |
Weitere Informationen finden Sie im Abschnitt Unterstützte HTML-Tags.
Wenn die Erstellung der Liquid Mode-Ansicht aufgrund nicht unterstützter Acrobat Sign-Tag-Konstrukte fehlschlägt, enthält die Bestätigungs-E-Mail an den Absender eine oder mehrere der folgenden Fehlerzeichenfolgen:
|
Fehlerzeichenfolgen |
|
Definitions-Tag für Referenz kann nicht gefunden werden [+shortName] |
|
Vorfüllfelder werden nicht unterstützt [+name] |
|
Interne Hyperlinks werden nicht unterstützt [+name] |
|
Nicht benannte Felder werden nur für Kontrollkästchen unterstützt |
|
Felder mit demselben Namen und unterschiedlichen Direktiven werden nicht unterstützt [+name] |
|
Digitale Signaturen werden nicht unterstützt [+name] |
|
Felder dürfen nicht gleichzeitig ein label-Element und eine label-Direktive enthalten [+name] |
|
Fehlendes Sign-Formularfeld für Text-Tag [+name] |
Weitere Informationen finden Sie im Abschnitt Formularfeldspezifikation.
Wenn die Erstellung der Liquid Mode-Ansicht aufgrund nicht unterstützter Acrobat Sign-Workflows fehlgeschlagen ist, enthält die Bestätigungs-E-Mail an den Absender eine oder mehrere der folgenden Fehlerzeichenfolgen:
|
Fehlerzeichenfolgen |
|---|
|
Die Vereinbarung ist eine Bibliotheksvorlage |
|
Die Vereinbarung erfordert eine schriftliche Signatur |
|
In der Vereinbarung ist die CFR-Option „Grund für die Signatur“ aktiviert |
|
In der Vereinbarung ist die CFR-Option „E-Signatur erneut authentifizieren“ aktiviert |
Weitere Informationen finden Sie im Abschnitt Formularfeldspezifikation.
Bei Formularen mit den folgenden Eigenschaften ist die Erstellung des Liquid Mode hauptsächlich angezeigt:
Herunterladen
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Beispieltitel</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>BEISPIELUNTERNEHMEN</b></h2>
<h1 class="h1_header">BEISPIELANFORDERUNG FÜR MEINE KOSTENLOSE KREDITAUSKUNFT</h1>
</div>
<div class="body">
<h3>Wichtige Beispielinformationen und Anweisungen:</h3>
<p>Zum Schutz Ihrer personenbezogenen Daten werden wir Ihre Identität überprüfen, bevor wir die Kreditauskunft an Ihre <u>bestätigte</u>
Adresse senden. Sie müssen eine Fotokopie der Vorder- und Rückseite der folgenden Unterlagen vorlegen:</p>
<ul class="info">
<li class="info__item">Zwei amtlich ausgestellte Identitätsnachweise</li>
<li class="info__item">Wenn Ihre Adresse auf keinem der Identitätsnachweisdokumente aktuell ist, <u>müssen Sie zusätzlich</u> ein Dokument beifügen, aus dem Ihre <u>aktuelle Anschrift</u> hervorgeht (z. B. Stromabrechnung).</li>
<li class="info__item"> Wenn Sie Ihre <b>Sozialversicherungsnummer</b> angeben, werden wir diese mit unseren Aufzeichnungen abgleichen, um sicherzustellen, dass wir Ihnen die richtigen Informationen zukommen lassen. Wenn wir diese Informationen kennen, können wir Verzögerungen und Verwechslungen vermeiden, falls die identifizierenden Informationen (wie Name und Adresse) einer anderen Person den von Ihnen angegeben Informationen ähneln.</li>
<li class="info__item">Wenn Sie eine <b> Kreditkartenabrechnung</b> oder eine Kopie Ihrer <b>Kreditkarte</b> als Nachweis zur Verfügung stellen, stellen Sie sicher, dass Sie Ihre persönlichen Informationen <b>schwärzen</b>.</li>
</ul>
<p>Die Informationen, die Sie auf dem Formular angeben, werden zur Bestätigung Ihrer Identität verwendet und können auch zur Aktualisierung Ihrer Kreditauskunft verwendet werden. Solche aktualisierten Informationen werden im Rahmen der normalen Geschäftstätigkeit in Bezug auf Ihre Kreditakte gespeichert, geschützt, verwendet und/oder offengelegt. Weitere Informationen zu den Datenschutzpraktiken von BEISPIELUNTERNEHMEN finden Sie in unserer Datenschutzrichtlinie unter https://www.adobe.com/privacy/policy.html. Wir bewahren in jedem Fall eine Kopie der von Ihnen bereitgestellten Informationen auf, um nachzuweisen, dass wir unserer Verpflichtung nachgekommen sind, eine angemessene Identifizierung von Ihnen einzuholen.
</p>
<p>Bitte senden Sie Ihr ausgefülltes Formular mit Identitätsnachweis an: <b>Lorem inseam dolor sit amen, consenttetur</b> oder per Fax an: <b>XXX-XX-XXXX.</b>Die Lieferdauer beträgt X-Y Tage. Wenn Sie Korrekturen an Ihrer Kreditauskunft vornehmen müssen, füllen Sie bitte das dem Paket beiliegende Aktualisierungsformular für die Kreditauskunft aus oder besuchen Sie <a href="http://sampleurl">SampleURL</a> und klicken Sie unter „Unterstützung und Hilfe“ auf „So stellen Sie einen Antrag auf XY“.
</p>
</div>
<div class="form">
<div class="columns-3">
<div class="item">
<p class="textTag">{{*LastName_es_:signer1}}</p>
<label for="LastName">NACHNAME</label>
</div>
<div class="item">
<p class="textTag">{{*FirstName_es_:signer1}}</p>
<label for="FirstName">VORNAME, INITIALE</label>
</div>
<div class="item">
<p class="textTag">{{Suffix_es_:signer1}}</p>
<label for="Suffix">NAMENSZUSATZ (Sr., Jr. usw.)</label>
</div>
</div>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddress_es_:signer1 }}</p>
<label for="StreetAddress">AKTUELLE STRASSE</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">STADT</label>
</div>
<div class="item">
<p class="textTag">{{*Prov_es_:signer1}}</p>
<label for="Prov">PROVINZ</label>
</div>
<div class="item">
<p class="textTag">{{*Zip_es_:signer1:zip}}</p>
<label for="Zip">POSTLEITZAHL</label>
</div>
</div>
<h2>FRÜHERE ADRESSE(N) IN DEN LETZTEN 3 JAHREN</h2>
<div class="address">
<div class="item big">
<p class="textTag">{{*StreetAddressPr_es_:signer1 }}</p>
<label for="StreetAddressPr">FRÜHERE STRASSE</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">STADT</label>
</div>
<div class="item">
<p class="textTag">{{*PrvPr_es_:signer1}}</p>
<label for="PrvPr">PROVINZ</label>
</div>
<div class="item">
<p class="textTag">{{*ZipPr_es_:signer1:zip}}</p>
<label for="ZipPr">POSTLEITZAHL</label>
</div>
</div>
<div>
<p class="textTag">{{*EmailAddress_es_:signer1:isemail}}</p>
<label for="EmailAddress">E-MAIL-ADRESSE</label>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{$DATEOFBIRTH}}</p>
<label for="Date">GEBURTSDATUM</label>
</div>
<div class="item">
<p class="textTag">{{SocialSecurityNumber_es_:signer1:ssn}}</p>
<label for="SocialSecurityNumber">SOZIALVERSICHERUNGSNUMMER:</label>
</div>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{$NAMEMAJORCARD}}</p>
<label for="NameMajorCard">NAME DER HAUPTKREDITKARTE:</label>
</div>
<div class="item">
<p class="textTag">{{$LAST4}}</p> <label for="Last4">DIE LETZTEN 4 ZIFFERN DER HAUPTKREDITKARTE:</label>
</div>
</div>
<div class="columns-2">
<div class="item">
<p class="textTag">{{*Signature_es_:signer1:signature}}</p><label for="Signature">Signatur</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}} JA, ICH MÖCHTE AUCH MEINE KREDITEINSCHÄTZUNG VON Beispielunternehmen* FÜR $X,XX (einschl. Steuern) ERWERBEN</label>
</div>
<fieldset>
<legend> Ich autorisiere Beispielunternehmen, meine Kreditkarte zu belasten:</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">Name des Karteninhabers:</label>
<p>{{$CALCULATEDCARDHOLDERNAME}}</p>
</div>
<div class="card-info">
<label for="CardNumber">Kartennummer:</label>
<p class="card-number">{{*CardNumber_es_:signer1}}</p> <label for="ExpiryDate">Ablaufdatum:</label>
<p class="expiry-date">{{$EXPIRYDATE}}</p>
</div>
<div class="note">
<p>Hinweis: Scheck- und Barzahlungen werden nicht akzeptiert. Zudem muss der Name des Karteninhabers mit dem Namen des Antragstellers übereinstimmen.</p>
</div>
</div>
<div class="footer">
<p>*XY von Beispielunternehmen ist ein Produkt, das von einigen Dienstleistern zur Bewertung von Kredit- und Dienstleistungsanträgen verwendet wird. Das Produkt ist kein Bestandteil Ihrer Beispielkreditauskunft, sondern basiert auf den speziellen Informationen, die zum Zeitpunkt der Berechnung in Ihrer Kreditakte enthalten sind. Lorem Ipsem ist nicht identisch mit dem Lorem Ipsem, das auch von einigen Kreditgebern verwendet wird. Beispielunternehmen stellt Ihnen Ihre Beispielauskunft kostenlos zur Verfügung, unabhängig davon, ob Sie Lorem Ipsem kaufen oder nicht. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Beispielunternehmen kann weitere Beispielservices anbieten:</b> Beispieladresse Telefon: 1-XXX-XXX-XXXX Telefon im Beispiel: 1-XXX-XXX-XXXX</p>
</div>
</div>
<!-- SEITENUMBRUCH-->
<div style="page-break-after:always"></div>
<!-- SIGN-Text-Tag-Definitionen -->
{{#REMOVE_PAGE_FROM_OUTPUT}}
<!-- Kontrollkästchen -->
<p>{{#PAY=*Pay_es_:signer1:checkbox}}</p>
<!-- Optionsfeld und Bedingungsregel, die aktiviert werden sollen, wenn das Zahlungsfeld aktiviert wird-->
<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>
<!-- Dropdown-Feld -->
{{#NAMEMAJORCARD=*NameMajorCard_es_:dropdown(options="Visa,MasterCard,AMEX,Discover")}}
<!-- Berechnetes Feld -->
<p>{{#CALCULATEDCARDHOLDERNAME=*CardholderName_es_:signer1:calc([FirstName]+" "+[LastName]+" "+[Suffix])}}
<!-- Formatvalidierung für regulären Ausdruck -->
<p>{{#LAST4=*Last4_es_:signer1:custom(regexp="^[0-9]{4}$")}}
<p>{{#CREDITCARDNUMBER=*CardNumber_es_:signer1:custom(regexp="^[0-9]{16}$")}}</p>
<!-- Datumsvalidierungen -->
<p>{{#EXPIRYDATE=*ExpiryDate_es_:isdate(format=mm/yy)}}</p>
<p>{{#DATEOFBIRTH=*Date_es_:signer1:isdate(format=mm/dd/yyyy)}}</p>
</body>
</html>
Vereinbarungsansicht:
Wir empfehlen, dass Sie beim Erstellen der HTML-Datei die HTML-Datei einige Male testen und sicherstellen, dass keine Fehler vorliegen und sie Ihre Flusskriterien erfüllt, bevor Sie sie an die vorgesehenen Empfänger senden.
Die HTML-Elemente im HTML-Dokument müssen der Lesereihenfolge des Dokuments folgen.
Seitenumbrüche im Dokument sollten wie unten dargestellt explizit mit der CSS-Eigenschaft „page-break-after“ angegeben werden:
<div style="page-break-after:always"></div>
Wenn ein Dokument unter Berücksichtigung von fließenden Umbrüchen neu gestaltet wird, kann dies das mobile Erlebnis insgesamt verbessern. Wenn Sie KEINE Neugestaltung des Dokuments in Betracht ziehen, sollten Sie sich mit einigen Ausnahmen an das allgemeine Erscheinungsbild der ursprünglichen PDF-Datei halten:
Artefakte auf Seitenebene werden im Liquid Mode nicht besonders behandelt. Wenn Artefakte auf Seitenebene wie Kopf- und Fußzeilen, Wasserzeichen usw. im HTML-Dokument vorhanden sind, werden sie möglicherweise in der Ansicht „Umfließen“ in der Mitte des umgebrochenen Inhalts angezeigt.
Wenn das Formular Anweisungen zum Ausfüllen der Formularfelder wie beispielsweise „BITTE AUSDRUCKEN“ oder „OPTIONAL“ oder Formatierungsanweisungen wie „(mm/TT/JJJJ)“ enthält, fügen Sie den Text nicht in das HTML-Dokument ein. Einige der Informationen wie Formatierungsanweisungen „(mm/TT/JJJJ)“ oder die Angabe, ob ein Formularfeld „OPTIONAL“ ist, müssen in der Formularfeldspezifikation mithilfe von Text-Tags angegeben werden.
Für einige Texte sind möglicherweise zusammengesetzte Informationssätze erforderlich. Wenn diese in mehrere Formularfelder aufgeteilt werden, vereinfacht dies den Anwendungsfall. Im obigen Beispieldokument wurden beispielsweise der NAME UND DIE LETZTEN 4 ZIFFERN DER HAUPTKREDITKARTE in NAME DER HAUPTKREDITKARTE und DIE LETZTEN 4 ZIFFERN DER HAUPTKREDITKARTE aufgeteilt.
Verwenden Sie nur die oben aufgeführten unterstützten HTML-Tags. Weitere Informationen finden Sie im Abschnitt zu HTML-Konstrukten.
Verwenden Sie relative Koordinaten und Platzierungen wie {width: 30%}, damit der HTML-Code auf verschiedene Gerätebreiten umgebrochen werden kann. Absolute Seitenbreiten dürfen in der CSS-Anweisung nicht vorhanden sein.
Wenn eine PDF ein Tabellen- oder Listenkonstrukt enthält, muss die entsprechende HTML-Darstellung eine Tabelle bzw. eine Liste sein. Die einzige Ausnahme sind Tabellen mit Formularfeldern. Wenn eine Tabelle Formularfelder enthält, müssen dieselben Informationen ohne Tabellen dargestellt werden.
Um ein Online-Formular zu entwerfen, das ein überzeugendes Ausfüllerlebnis bietet, wird dringend empfohlen, Formularfelder mit allen Validierungen, Formatierungsausdrücken, Bedingungsregeln und Berechnungsformeln zu erstellen, die Sign-Text-Tags bieten.
<label> {{[]}} JA, ICH MMÖCHTE AUCH MEINE KREDITEINSCHÄTZUNG ERWERBEN</label>
<fieldset>
<legend>Zahlungsoptionen:</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)}}
