Podręcznik użytkownika Anuluj

Tryb Liquid Mode do podpisywania w sieci

 

Podręcznik Adobe Acrobat Sign

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

Wprowadzenie

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:

  1. Widok PDF utworzony przy użyciu wszystkich informacji o stylach zawartych w przesłanym kodzie HTML. Odpowiada to podpisanej wersji umowy, która jest dostępna do pobrania — tak samo jak widok PDF, który usługa Adobe Acrobat Sign generuje dla wszystkich umów.
  2. Widok Liquid Mode, który przepływa do dokumentu wejściowego HTML i jest zoptymalizowany pod kątem ekranu o małych rozmiarach. Widok Liquid Mode prezentuje wyselekcjonowany interfejs, który zastępuje style określone w oryginalnym dokumencie HTML.

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:

  • Umowa musi zostać utworzona z jednym dokumentem HTML (tylko jeden plik).
    • Jeśli do utworzenia umowy zostanie użyty więcej niż jeden dokument, zostanie wygenerowany tylko widok PDF.
  • Dokument HTML nie może zawierać kodu JavaScript. Używanie znaczników <script>, zarówno jako wbudowanego kodu JavaScript, jak i jako odwołania do zewnętrznych plików JavaScript lub w atrybutach znaczników HTML, jest niedozwolone.
    • Jeśli w dokumencie HTML zostanie znaleziony kod JavaScript, usługa Acrobat Sign utworzy tylko widok PDF.
  • Dokument HTML może używać tylko obsługiwanych znaczników HTML w sekcji <body> dokumentu HTML zgodnie z opisem w sekcji Obsługiwane znaczniki HTML.
    • Jeśli nieobsługiwane znaczniki HTML znajdują się w treści dokumentu HTML, usługa Acrobat Sign tworzy tylko widok PDF.

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.

Obieg pracy w trybie Liquid Mode

Uwaga:

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.


Włączanie/wysyłanie umów zgodnych z trybem Liquid Mode

  1. Sprawdź, czy funkcja Liquid Mode jest włączona w menu Administrator Acrobat Sign:

    • Przejdź do strony Ustawienia wysyłania > Liquid Mode.
      • Ustawienie można zmodyfikować na poziomie konta lub grupy.
    Przejdź do elementów sterowania Liquid Mode

  2. Prześlij pojedynczy plik HTML przy użyciu jednej z następujących metod:

    Wysłanie dokumentu HTML


Obsługiwane znaczniki HTML

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

<fieldset>, <legend>

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.


Specyfikacja pola formularza

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

Pola sygnatariusza

{{Cmpy_es_:signer1:company}}



{{N_es_:signer2:fullname}}



{{Dte_es_:signer1:date}}



{{Em_es_:signer1:email}}

Pola nadawcy

{{*Ttl_es_:sender:title}}

Stemple uczestników i identyfikatory transakcji

{{userstamp_es_:signer1:stamp:repeat}}

{{transstamp1_es_:transactionid:repeat}}

Pole Tylko do odczytu

{{!price}}

{{price_es_:readonly}}

Tekst wejściowy

{{address_es_:signer1}}

{{*city_es_:signer1}}

Pola wyboru

{{CB1_es_:checkbox(checked)}}

Przycisk opcji

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

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

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

Obraz

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

Menu rozwijane

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


Hiperłącze

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


Załącznik do pliku

{{*DriversLicense_es_:signer1:attachment}}

Podpowiedź

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

Podpis cyfrowy

{{digsig1_es_:signer1:digitalsignature}}

Weryfikacja pola

{{*Mobile_es_:signer1:phone}}

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

Reguły warunkowe

np. {{field_es_:showif(price>60)}}

Pola obliczeniowe

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

Uwaga:

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.




Etykiety pól formularza

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:

  • Etykiety służą do ulepszania wizualnej reprezentacji pola.
  • Etykieta skojarzona z polem zawiera wskazówki dotyczące dostępności. Gdy pole jest aktywne, czytnik ekranu używa etykiety do ogłaszania pola użytkownikowi.
  • Etykietę można kliknąć w celu ustawienia punktu skupienia na polu, a w przypadku przycisku opcji lub pola wyboru kliknięcie etykiety spowoduje przełączenie wartości.

Pola formularza można powiązać z etykietami za pomocą znacznika HTML <label> w jeden z następujących sposobów:

  1. Pole formularza Acrobat Sign zawarte w znaczniku <label>.
    • <label>Podpis: {{sig_es_:signer1:signature}}</label>
  2. Atrybut „for” znacznika <label> może odwoływać się do nazwy pola formularza w celu powiązania go z polem formularza.
    • {{sig_es_:signer1:signature}} ... <label for="sig">Podpis: </label>

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:

  • Załączniki plikowe
  • Hiperłącza
  • Pola wyboru
  • Przyciski opcji

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:

  • {{CB_es_:checkbox: signer1:label("Zgadzam się.")}}} <label for=” CB”> Tak</label>
  • {{(Red_v)Color_es_:signer1::label(“Kolor czerwony”)} <label for=”(Red_v)Color”>Czerwony</label>
Uwaga:

Etykiety dla pól wyboru można określić w następujący sposób:

  • {{CB_es_:checkbox: signer1:label("Zgadzam się.")}}
  • <label> {{Cb_es_:checkbox:signer1}} Zgadzam się.</label>
  • {{CB_es_:checkbox:signer1}} <label for="CB"> Zgadzam się.</label>

Etykiety dla przycisku opcji można określić w następujący sposób:

  • {{(Red_v)Color_es_:signer1:label(“Czerwony”)}}
  • <label> {{(Red_v)Color_es_:signer1}} Czerwony </label>
  • {{(Red_v)Color_es_:signer1}} <label for=”(Red_v)Color”>Czerwony</label>
Uwaga:

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:

  • <label> Oficjalna {{name_of_official_es_:signer1}} </label>
  • <label> Nazwa {{name_of_official_es_:signer1}} </label>

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:

  • <label for="name_of_official> Oficjalna </label> {{name_of_official_es_:signer1}}
  • <label for="name_of_official> Nazwa</label> {{name_of_official_es_:signer1}}


Grupy etykiet pól

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:

  • Lepsza graficzna reprezentacja podpisu/nagłówka powiązanego z grupą pól.
  • Doskonała dostępność.  Czytniki ekranu poprawnie ogłaszają grupę pól przy użyciu zawartości legendy.

Na przykład:

<fieldset>

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

Uwaga:

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;

    }

Obsługa obrazów

Obrazy są obsługiwane z następującymi ograniczeniami:

  • Obsługiwany jest tylko element <img>
  • Atrybut src elementu <img> można podać jako dane osadzone (dane: schemat) lub jako adres URL strony (https: tylko schemat)
  • Obsługiwane są następujące formaty: JPEG, PNG, GIF, BMP i TIFF
    • W przypadku animowanych plików GIF pierwsza klatka będzie używana jako obraz statyczny
  • Rozmiar obrazu pobranego z adresu URL strony internetowej jest ograniczony do 5 MB


Nieobsługiwane obiegi pracy Acrobat Sign

Tryb Liquid Mode nie obsługuje następujących obiegów pracy Acrobat Sign:

  • Umowy utworzone z wielu dokumentów
  • Umowy utworzone z dokumentów innych niż HTML
  • Umowy utworzone z szablonów bibliotek
  • Umowy utworzone w stanie DRAFT lub AUTHORING
  • Obieg pracy z wykorzystaniem podpisów cyfrowych
  • Obieg pracy z podpisami pisemnymi
  • Modyfikowanie obiegów pracy ad-hoc
  • Obiegi pracy z grup, w których pole wyboru Podgląd jest domyślnie włączone
  • Umowy z włączonymi powodami podpisywania
  • Umowy skonfigurowane w celu wezwania sygnatariusza do uwierzytelnienia za każdym razem, gdy sygnatariusz kliknie pole podpisu

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.


Powiadomienie o błędzie 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:

  • Nieobsługiwane konstrukcje HTML
  • Nieobsługiwane znaczniki tekstowe Acrobat Sign
  • Nieobsługiwane obiegi pracy Acrobat Sign
  • Błąd wewnętrzny Liquid Mode

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:


Przykładowy dokument HTML: żądanie raportu kredytowego

Cechy formularzy, które są głównymi celami tworzenia Liquid Mode:

  • dokumenty zawierające duże bloki tekstu, które mogą wymagać częstego rozsuwania palców i powiększania;
  • formularze, w których nie zachodzą na siebie pola, a przepływ pół w Liquid Mode jest dopuszczalny.


Znane problemy i często zadawane pytania

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?