Användarhandbok Avbryt

Liquid Mode för mobil webbsignering

 

Användarhandbok för Adobe Acrobat Sign

Nyheter

Kom igång

Administrera

Skicka, signera och hantera avtal

Avancerade avtalsfunktioner och arbetsflöden

Integrera med andra produkter

Adobe Sign-utvecklare

Support och felsökning

Introduktion

Signeringsupplevelsen i Liquid Mode förbättrar visningen av dina dokument baserat på mottagarens enhetstyp och minskar behovet av att nypa och zooma. Istället kan du enkelt fokusera på de fält som behöver fyllas i.

Avtal som är kompatibla med Liquid Mode genereras med två vyer för mottagaren:

  1. PDF-vyn som skapas med hjälp av den formateringsinformation som finns i den uppladdade HTML:en. Detta motsvarar den signerade versionen av avtalet som är tillgänglig att hämta – precis som den PDF-vy som Adobe Acrobat Sign genererar för alla avtal
  2. Vyn för Liquid Mode som formar om flödet för det inmatade HTML-dokumentet och är optimerat för små skärmstorlekar. Vyn för Liquid Mode ger en välstrukturerad upplevelse som åsidosätter den formatering som specificeras i det ursprungliga HTML-dokumentet

Gränssnittet ger mottagaren möjlighet att efter egna önskemål enkelt växla mellan Liquid Mode och traditionell PDF och möjliggör samma juridiskt bindande signaturer oavsett läge.

 

Avtal som är kompatibla med Liquid Mode skapas med en enda HTML-fil som källinnehåll.

Det finns ett par begränsningar för HTML- och formulärfältskonstruktionerna i det uppladdade HTML-dokumentet. Detta gäller mer specifikt att:

  • avtalet måste skapas med ett enda HTML-dokument (endast en fil)
    • Om mer än ett dokument används för att skapa avtalet genereras bara en PDF-vy
  • HTML-dokumentet får inte innehålla JavaScript. Det är inte tillåtet att använda <script>-taggar, varken som infogat JavaScript eller som referens till externa JavaScript-filer eller i attribut för HTML-taggar
    • Om JavaScript hittas i HTML-dokumentet skapar Acrobat Sign bara PDF-vyn
  • HTML-dokumentet kan bara använda de stödda HTML-taggarna i HTML-dokumentets <body> enligt beskrivningen i avsnittet HTML-taggar som stöds
    • Om HTML-taggar som inte stöds finns i HTML-dokumentets body, skapar Acrobat Sign bara PDF-vyn

Eftersom vyn för Liquid Mode ger en mycket välstrukturerad upplevelse ignoreras CSS som specificerats i HTML-filen (gäller ENDAST för vyn Liquid Mode) och bara attributen för de stödda HTML-taggarna påverkar vyn för Liquid Mode. Det finns dock inga sådana begränsningar för PDF-vyn. Acrobat Sign använder alla attribut som är tillgängliga för stödda taggar samt det CSS som specificerats i HTML-dokumentet för att generera PDF-vyn.

Notation med Adobe Acrobat Sign-texttaggar används för att specificera formulärfälten i HTML-dokumentet.

Liquid Mode-arbetsflöde

Obs!

Om funktionen för Liquid Mode är aktiverad men vyn inte kan genereras av någon anledning, skapas avtalet endast i PDF-vyn.

I bekräftelsemeddelandet som skickas till avsändaren anges varför vyn för Liquid Mode inte kunde genereras.

Liquid Mode stöds för närvarande på mobiltelefoner och ytterligare stöd är under utveckling.


Aktivera/skicka avtal kompatibla med Liquid Mode

  1. Kontrollera att Liquid Mode är aktiverat på administratörsmeny i Acrobat Sign:

    • Navigera till Skicka-inställningar > Liquid Mode
      • Inställningen kan ändras på konto- eller gruppnivå
    Navigera till kontrollerna för Liquid Mode

  2. Skicka en enskild HTML-fil på något av följande sätt:

    Skicka HTML-dokument


HTML-taggar som stöds

HTML-dokumentet får INTE innehålla JavaScript-konstruktioner om du vill skapa ett avtal med vyn Liquid Mode. 

Endast följande taggar kan användas i HTML-dokumentets body (innehåll):

Kategori

HTML-taggar

Attribut som påverkar vyn Liquid Mode

Begränsningar

Rubriker

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

INGA

 

Innehållsavdelning

<div>

justera

 

Radbrytning

<br>

INGA

 

Horisontell linje

<hr>

INGA

 

Stycke

<p>

justera

 

Bilder

<img>

src, alt, höjd, bredd

Se avsnittet ”Bildsupport

Infogad text

<b>, <i>, <u>, <s>, <strong>, <em>, <span>, <sub>, <sup>

INGA

 

Sorterad lista

<ol>, <li>

värde, typ, omvänd, start

 

Osorterad lista

<ul>, <li>

värde, omvänd, start

 

Hyperlänk

<a>

href

URL-protokoll är begränsade till http, https och mailto

Tabell

<table>, <thead>, <tbody>, <tfoot>, <th>, <tr>, <td>, <caption>, <col>, <colgroup>

INGA

1. Kapslade tabeller stöds INTE

2. Formulärfält i tabeller stöds INTE

Etikett för formulärfält

<label>

för

Se avsnittet ”Etiketter för formulärfält”.

Gruppering av formulärfält

<fieldset>, <legend>

INGA

Se avsnittet ”Märka fältgrupper”.

Bilder

<img>

src, alt, höjd, bredd

Bildens storlek plus all HTML bör vara mindre än 400 kB. Följande format stöds: JPEG, PNG, GIF, BMP och TIFF. Bildkällan måste vara en HTTPS-URL.


Formulärfältets specifikation

Formulärfält måste specificeras i HTML-dokument med hjälp av notationen Adobe Acrobat Sign-texttaggar.

I tabellen nedan visas exempel på formulärfält med Acrobat Sign-texttaggar:

Fält

Sign-texttaggar

Signaturfält (signatur, initialer, signaturblock, stämpel)

{{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)}}

Signerarfält

{{Cmpy_es_:signer1:company}}



{{N_es_:signer2:fullname}}



{{Dte_es_:signer1:date}}



{{Em_es_:signer1:email}}

Avsändarfält

{{*Ttl_es_:sender:title}}

Deltagandestämpel och transaktions-ID

{{userstamp_es_:signer1:stamp:repeat}}

{{transstamp1_es_:transactionid:repeat}}

Skrivskyddat fält

{{!price}}

{{price_es_:readonly}}

Textinmatning

{{address_es_:signer1}}

{{*city_es_:signer1}}

Kryssrutor

{{CB1_es_:checkbox(checked)}}

Alternativknapp

{{(Red)Color_es_:signer1:label(“Red”)}}

{{(Blue)Color_es_:signer1:label(“Blue”)}}

{{(Green)Color_es_:signer1:label(“Green”)}}

Bild

{{Image1_es_:signer1:inlineimage(4)}}

Listruta

{{Color_es_:signer1:dropdown(options="Red,Green,Blue”, values=”R,G,B”)}}


Hyperlänk

{{companywebsite_es_:link(http://www.adobe.com):label(Adobe)}}


Bifogad fil

{{*DriversLicense_es_:signer1:attachment}}

Verktyg

{{Car_color_es:signer1:tooltip('Choose a color')}}

Digital signatur

{{digsig1_es_:signer1:digitalsignature}}

Fältvalidering

{{*Mobile_es_:signer1:phone}}

{{d_es_:signer1:num(>0,<60)}}

Villkorliga regler

e.g. {{field_es_:showif(price>60)}}

Beräkningsfält

{{TV_es_:calc([SubTotal]+[Tax])}}

Obs!

Alla Acrobat Sign-formulärfältskonstruktioner stöds förutom för följande:

Kategori

Konstruktioner som inte stöds

Undantag

Formulärfält för digital signatur

:digitalsignature stöds inte.



Arbetsflöden för förifyllning

:prefill-direktivet stöds inte.



Formulärfält för hyperlänk

:page(N)-direktivet stöds inte.

:link med andra protokoll än http, https och mailto.

:signer1- och :everyone-direktiven stöds.

Namnlösa formulärfält

Namnlösa formulärfält stöds inte.

Namnlösa kryssrutor stöds.

Omdöpta formulärfält

Flera formulärfält med samma namn men olika direktiv stöds inte.




Etiketter för formulärfält

Varje formulärfält bör ha en associerad etikett. Även om etiketter inte är obligatoriska för alla formulärfält rekommenderar vi bestämt att du förser formulärfälten med etiketter.

Särskilt i Liquid Mode:

  • Etiketter används för att förbättra fältets visuella representation.
  • En etikett som är associerad med ett fält ger hjälptips. När ett fält är i fokus kan en skärmläsare använda etiketten för att meddela användaren om fältets innehåll.
  • Du kan klicka på en etikett för att fokusera på ett fält. För alternativknappar och kryssrutor kan du klicka på etiketten för att växla mellan olika värden.

Formulärfält kan bindas till etiketter med HTML-taggen <label> på något av följande sätt:

  1. Acrobat Sign-formulärfält omslutet av en <label>-tagg
    • <label>Signatur: {{sig_es_:signer1:signature}}</label>
  2. Attributet ”for” för taggen <label> kan referera till namnet på formulärfältet för att binda det till ett formulärfält:
    • {{sig_es_:signer1:signature}} … <label for=”sig”>Signatur: </label>

Etiketter som inte kan bindas till formulärfält med reglerna ovan återges som en obunden etikettext.

Dessutom stöder Acrobat Sign-texttaggar :label-direktivet för följande formulärfältstyper:

  • Bifogade filer
  • Hyperlänkar
  • Kryssrutor
  • Alternativknappar

Acrobat Sign-texttaggen :label-direktivet och <label>-taggen kan kombineras på följande sätt:

Typ av formulärfält

Roll för :label-direktivet

Roll för HTML <label> taggen

Bifogade filer,

hyperlänkar

Specificerar den etikett som visas i formulärfältsrutan.

<label>-taggen specificerar etiketten eller rubriken för formulärfältet.

Kryssruta,

Alternativ radioknapp

Specificerar etiketten eller rubriken för formulärfältet.

Om Acrobat Sign-texttaggen :label -direktivet saknas kommer <label> att ersätta den för formulärfältet.

Om både :label och <label> finns, kommer vyn för Liquid Mode inte att kunna skapas.

Exempel:

  • {{CB_es_:checkbox: signer1:label("Jag godkänner.")}}} <label for=” CB”> Ja</label>
  • {{(Red_v)Color_es_:signer1::label(“Red Color”)} <label for=”(Red_v)Color”>Röd</label>
Obs!

Etiketter kan anges för kryssrutor på följande sätt:

  • {{CB_es_:checkbox: signer1:label("Jag godkänner.")}}
  • <label> {{CB_es_:checkbox:signer1}} Jag godkänner.</label>
  • {{CB_es_:checkbox:signer1}} <label for="CB"> Jag godkänner.</label>

Etiketter kan anges för alternativknappar på följande sätt:

  • {{(Red_v)Color_es_:signer1:label(“Röd”)}}
  • <label> {{(Red_v)Color_es_:signer1}} Röd </label>
  • {{(Red_v)Color_es_:signer1}} <label for=”(Red_v)Color”>Röd</label>
Viktigt:

I HTML refererar attributet ”for” vanligtvis till ett fält-id-värde. I Liquid Mode används attributet ”for” för att referera till fältnamn. Detta kan orsaka tvetydigheter för klonade formulärfält där det finns flera formulärfält med exakt samma Acrobat Sign-texttaggsdirektiv. I det här fallet måste vi undvika att använda attributet ”for” och i stället associera etiketter genom att omsluta texttaggen med ett <label>-element.

Följande användning skapar till exempel klonade formulärfält med olika etiketter för de två instanserna i vyn för mobilflödesomformning:

  • <label> Officiellt {{name_of_official_es_:signer1}} </label>
  • <label> Namn {{name_of_official_es_:signer1}} </label>

Om ett klonat formulärfält specificerar en etikett med ett ”for”-attribut blir referenserna tvetydiga och kan inte lösas. I det här fallet skapas ingen vy för Liquid Mode.

 Följande användning skapar till exempel bara en PDF-vy:

  • <label for="name_of_official> Officiellt </label> {{name_of_official_es_:signer1}}
  • <label for="name_of_official> Namn</label> {{name_of_official_es_:signer1}}


Märka fältgrupper

Etiketter associeras med ett enda formulärfält. När vi vill associera en etikett/bildtext med en fältgrupp (särskilt alternativknappsgrupper) rekommenderar vi användning av fältuppsättnings- och förklaringselement. Fältuppsättningen används för att gruppera elementen och förklaringen används för att förse gruppen med en bildtext/etikett. På samma sätt som för etikett är fördelarna i Liquid Mode:

  • En bättre visuell representation av en bildtext/rubrik som är associerad med fältgrupperna.
  • En bra hjälpupplevelse. En skärmläsare kan meddela fältgruppen med förklaringsinnehållet på ett korrekt sätt.

Till exempel:

<fieldset>

        <legend>Välj din favorit bland primärfärgerna</legend>             

        {{(Red)Color_es_:signer1:label("Röd")}}<br/>       

        {{(Blue)Color_es_:signer1:label("Blå")}}<br/>       

        {{(Green)Color_es_:signer1:label("Grön")}}<br/>       

</fieldset>

Obs!

För de flesta dokument vill författaren inte ha standardåtergivningen av en fältuppsättning. 

Avgränsningsrutan kan tas bort med detta CSS:

    fieldset {

        border: none;

        margin: 0;

        padding: 0;

    }

Bildsupport

Bilder stöds med följande begränsningar:

  • Endast elementet <img> stöds
  • Källan för en <img> kan tillhandahållas som inbäddad data (data: schema) eller som en webb-URL (https: endast schema)
  • Följande format stöds: JPEGPNGGIFBMP, och TIFF
    • För animerade GIF-filer används den första bildramen som en statisk bild
  • Storleken på en bild som hämtats från en webb-URL är begränsad till 5 MB


Acrobat Sign-arbetsflöden som inte stöds

Liquid Mode stöder inte följande Acrobat Sign-arbetsflöden:

  • Avtal som skapats från flera dokument
  • Avtal som skapats från andra dokument än HTML
  • Avtal som skapats från biblioteksmallar
  • Avtal som skapats i utkastläge eller redigeringsläge
  • Arbetsflöden för digital signatur
  • Arbetsflöden för skrivna signaturer
  • Ändra pågående arbetsflöden
  • Arbetsflöden från grupper där kryssrutan Förhandsgranska är markerad som standard
  • Avtal med signeringsorsaker aktiverade
  • Avtal som konfigurerats för att verifiera signeraren varje gång denne klickar på ett signaturfält

Om du försöker skapa en Liquid Mode-vy i arbetsflödena ovan skapas endast ett avtal i PDF-vyn. I bekräftelsemeddelandet som skickas till avsändaren anges varför Liquid Mode inte kunde genereras.


Felmeddelande för Liquid Mode

Om avsändaren försökte generera ett avtal med en Liquid Mode-vy men Acrobat Sign inte kan generera den, meddelas avsändaren i avtalets bekräftelsemeddelande om de specifika problem som gjorde att Liquid Mode-vyn kunde skapas. Avsändaren kan åtgärda de rapporterade problemen och försöka skapa avtalet med vyn Liquid Mode i efterföljande försök.

De rapporterade problemen kan grupperas i följande kategorier:

  • HTML-konstruktioner som inte stöds
  • Acrobat Sign-texttaggar som inte stöds
  • Acrobat Sign-arbetsflöden som inte stöds
  • Internt fel för Liquid Mode

Interna fel för Liquid Mode inträffar när servern stöter på oväntade feltillstånd när den försöker skapa vyn för Liquid Mode.

För övriga felkategorier hittar du detaljerad information om de rapporterade problemen i följande underavsnitt:


Exempel på HTML-dokument: Begäran om kreditrapport

Formuläregenskaper som lämpar sig för Liquid Mode:

  • dokument som har stora textblock som kan kräva att man nyper och zoomar mycket
  • formulär där det inte finns några överlappande fält och där fältflödet i Liquid Mode är acceptabelt


Kända fel och vanliga frågor och svar

Få hjälp snabbare och enklare

Ny användare?