Mobil Web İmzalama Deneyimi için Liquid Mode

Son güncelleme: 11 Haz 2025

Giriş

Liquid Mode imzalama deneyimi, alıcıların aygıt türüne göre belgelerinizin daha iyi görüntülenmesini sağlar. Böylece parmakları birleştirerek yakınlaştırma gereksinimini azaltır ve doldurulması gereken alanlara kolayca odaklanmanızı sağlar.

Liquid Mode uyumlu sözleşmeler, alıcı için iki tür görünüm ile oluşturulur:

  1. Yüklenen HTML'deki tüm stil bilgileri kullanılarak oluşturulan PDF görünümü. Bu, tıpkı Adobe Acrobat Sign'ın tüm sözleşmeler için oluşturduğu PDF görünümünde olduğu gibi, sözleşmenin indirilebilir imzalı sürümüne karşılık gelir
  2. Giriş HTML belgesinin yeniden akışını sağlayan ve küçük ekran boyutları için optimize edilmiş olan Liquid Mode görünümü. Liquid Mode görünümü, orijinal HTML belgesinde belirtilen stili geçersiz kılan, çok seçkin bir deneyim sunar

Arabirim, alıcının, tercihine bağlı olarak belgenin Liquid Mode ve klasik PDF görünümü arasında kolayca geçiş yapmasını sağlar ve beklediğiniz yasal olarak bağlayıcı imzaların aynısını yakalar.

 

Liquid Mode uyumlu sözleşmeler, kaynak içeriği olarak tek bir HTML dosyası ile oluşturulur.

Yüklenen HTML belgesinde, HTML ve form alanı yapıları için bazı kısıtlamalar vardır. Özellikle:

  • Sözleşme tek bir HTML belgesiyle oluşturulmalıdır (yalnızca bir dosya)
    • Sözleşmeyi oluşturmak için birden fazla belge kullanılmışsa yalnızca bir PDF görünümü oluşturulur
  • HTML belgesi JavaScript içeremez. <script> etiketlerinin; satır içi JavaScript olarak, harici JavaScript dosyalarına referans olarak veya HTML etiketlerinin özniteliklerinde kullanılmasına izin verilmez
    • HTML belgesinde JavaScript bulunuyorsa Acrobat Sign yalnızca PDF görünümü oluşturur
  • Desteklenen HTML Etiketleri bölümünde açıklandığı gibi, desteklenen HTML etiketleri yalnızca HTML belgesinin <body> kısmında kullanılabilir
    • HTML belgesinin gövde kısmında desteklenmeyen HTML etiketleri varsa Acrobat Sign yalnızca PDF görünümü oluşturur

Liquid Mode görünümü çok seçkin bir deneyim sunduğu için HTML dosyasında belirtilen CSS yok sayılır (YALNIZCA Liquid Mode görünümü için) ve yalnızca desteklenen HTML etiketlerinin öznitelikleri Liquid Mode görünümünü etkiler. Ancak PDF görünümü için bu tür bir kısıtlama yoktur. Acrobat Sign, PDF görünümü oluşturmak için desteklenen etiketlerde kullanılabilen tüm özniteliklerin yanı sıra HTML belgesinde belirtilen CSS'yi kullanır.

Adobe Acrobat Sign metin etiketi gösterimi, HTML belgesindeki form alanlarını belirtmek için kullanılır.

Liquid Mode iş akışı

Not

Liquid Mode özelliği etkin olmasına rağmen herhangi bir sebeple Liquid Mode görünümü oluşturulamıyorsa sözleşme yalnızca PDF görünümü ile oluşturulur.

Gönderene iletilen onay e-postasında Liquid Mode görünümünün oluşturulamamasının nedenleri listelenir.

Liquid Mode şu anda cep telefonlarında desteklenmektedir ve geliştirme için ek destek sunulur.


Liquid Mode uyumlu sözleşmeleri etkinleştirme/gönderme

Acrobat Sign Yöneticisi menüsünde Liquid Mode'un etkinleştirildiğinden emin olun:

  • Gönderme Ayarları > Liquid Mode alanına gidin
    • Ayar, hesap veya grup düzeyinde değiştirilebilir
Liquid Mode kontrollerine gitme

Aşağıdaki yollardan birini kullanarak tek bir HTML dosyası gönderin:

HTML belgesi gönderme


Desteklenen HTML Etiketleri

Liquid Mode görünümünde başarılı bir şekilde sözleşme oluşturmak için HTML belgesi JavaScript yapıları içermemelidir

HTML belgesinin gövde kısmında yalnızca aşağıdaki etiketler kullanılabilir:

Kategori

HTML etiketleri

Liquid Mode görünümünü etkileyen öznitelikler

Kısıtlamalar

Üst Bilgiler

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

HİÇBİRİ

 

İçerik Bölümlendirme

<div>

align

 

Satır Sonu

<br>

HİÇBİRİ

 

Yatay Cetvel

<hr>

HİÇBİRİ

 

Paragraf

<p>

align

 

Görüntüler

<img>

src, alt, height, width

Lütfen "Görüntü Desteği" bölümüne bakın

Satır içi metin

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

HİÇBİRİ

 

Sıralı Liste

<ol>, <li>

value, type, reversed, start

 

Sırasız liste

<ul>, <li>

value, reversed, start

 

Köprü

<a>

href

URL protokolü; http, https ve mailto ile sınırlıdır

Tablo

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

HİÇBİRİ

1. İç içe tablolar DESTEKLENMEZ

2. Tablolarda form alanları DESTEKLENMEZ

Form alanı etiketi

<label>

başlangıç

Lütfen "Form Alanı Etiketleri" bölümüne bakın.

Form alanı gruplandırması

<fieldset>, <legend>

HİÇBİRİ

Lütfen "Alan Gruplarını Etiketleme" bölümüne bakın.

Görüntüler

<img>

src, alt, height, width

Görüntünün boyutu ile HTML'nin tamamı 400 KB'den az olmalıdır. Şu formatlar desteklenir: JPEG, PNG, GIF, BMP ve TIFF. Görüntü kaynağı bir HTTPs URL'si olmalıdır.


Form Alanı Özellikleri

Form alanlarının, Adobe Acrobat Sign metin etiketi gösterimi kullanılarak HTML belgesinde belirtilmesi gerekir.

Aşağıdaki tabloda, Acrobat Sign metin etiketlerini kullanan örnek form alanları gösterilmektedir:

Alan

Sign Metin Etiketleri

İmza Alanları (İmza, Paraf, İmza Bloku, Damga)

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

İmzalayan Alanları

{{Cmpy_es_:signer1:company}}



{{N_es_:signer2:fullname}}



{{Dte_es_:signer1:date}}



{{Em_es_:signer1:email}}

Gönderen Alanları

{{*Ttl_es_:sender:title}}

Katılımcı Damgası ve İşlem Kimliği

{{userstamp_es_:signer1:stamp:repeat}}

{{transstamp1_es_:transactionid:repeat}}

Salt Okunur Alan

{{!price}}

{{price_es_:readonly}}

Metin Girişi

{{address_es_:signer1}}

{{*city_es_:signer1}}

Onay Kutuları

{{CB1_es_:checkbox(checked)}}

Radyo Düğmesi

{{(Red)Color_es_:signer1:label("Red")}}

{{(Blue)Color_es_:signer1:label("Blue")}}

{{(Green)Color_es_:signer1:label("Green")}}

Görüntü

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

Açılır Menü

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


Köprü

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


Dosya Eki

{{*DriversLicense_es_:signer1:attachment}}

Araç İpucu

{{Car_color_es:signer1:tooltip('Renk seçin')}}

Dijital İmza

{{digsig1_es_:signer1:digitalsignature}}

Alan Doğrulama

{{*Mobile_es_:signer1:phone}}

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

Koşullu Kurallar

ör. {{field_es_:showif(price>60)}}

Hesaplanan Alanlar

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

Not

Aşağıdakiler dışında tüm Acrobat Sign form alanı yapıları desteklenmektedir:

Kategori

Desteklenmeyen Yapılar

İstisnalar

Dijital imza form alanı

:digitalsignature desteklenmez



Önceden doldurma iş akışları

:prefill direktifi desteklenmez.



Köprü form alanı

:page(N) direktifi desteklenmez.

http, https ve mailto dışındaki protokollere sahip :link desteklenmez.

:signer1 ve :everyone direktifleri desteklenir.

Adsız form alanları

Adsız form alanları desteklenmez.

Adsız onay kutuları desteklenir

Yeniden adlandırılmış form alanları

Aynı ada ancak farklı direktiflere sahip birden fazla form alanı desteklenmez




Form Alanı Etiketleri

Her form alanının ilişkili bir etiketi olmalıdır. Etiketler her form alanı için zorunlu olmasa da form alanlarında etiket olması önemle tavsiye edilir.

Özellikle Liquid Mode'da:

  • Etiketler, alanın görsel sunumunu iyileştirmek için kullanılır
  • Bir alanla ilişkilendirilen bir etiket, erişilebilirlik ipuçları sağlar. Bir alana odaklanıldığında, ekran okuyucu alanı kullanıcıya bildirmek için etiketi kullanır
  • Bir alana odaklanmak için bir etikete tıklatılabilir. Radyo düğmesi veya onay kutusu bulunması durumunda, etiketin tıklatılması değeri açacak veya kapatacaktır

Form alanları, HTML <label> etiketi kullanılarak aşağıdaki yöntemlerden biriyle etiketlere bağlanabilir:

  1. Bir <label> etiketinin içinde bulunan Acrobat Sign form alanı
    • <label>İmza: {{sig_es_:signer1:signature}}</label>
  2. <label> etiketinin "for" özniteliği, etiketi bir form alanına bağlamak için form alanının adını kullanabilir.
    • {{sig_es_:signer1:signature}} … <label for="sig">İmza: </label>

Form alanlarına yukarıdaki kurallara göre bağlanamayan etiketler, bağlantısız etiket metni olarak işlenir.

Acrobat Sign metin etiketleri ayrıca şu form alanı türleri için :label direktifini destekler:

  • Dosya Ekleri
  • Köprüler
  • Onay Kutuları
  • Radyo Düğmeleri

Acrobat Sign metin etiketi :label direktifi ve <label> etiketi aşağıdaki şekillerde birleştirilebilir:

Form alanı türü

:label direktifi rolü

HTML <label> etiketi rolü

Dosya Ekleri,

Köprüler

Form alanı kutusunun içinde görüntülenen etiketi belirtir.

<label> etiketi, form alanının etiketini veya üstbilgisini belirtir.

Onay Kutusu,

Radyo düğmesi seçeneği

Form alanının etiketini veya üstbilgisini belirtir.

Acrobat Sign metin etiketi :label direktifi yoksa form alanında onun yerine <label> kullanılır.

Hem :label hem de <label> mevcutsa Liquid Mode görünümü oluşturulamaz.

Örnekler:

  • {{CB_es_:checkbox: signer1:label("I agree.")}}} <label for=" CB"> Yes</label>
  • {{(Red_v)Color_es_:signer1::label("Kırmızı Rengi")} <label for="(Red_v)Color">Kırmızı</label>
Not

Onay kutuları için aşağıdaki yöntemlerle etiketler belirlenebilir:

  • {{CB_es_:checkbox: signer1:label("Kabul ediyorum.")}}
  • <label> {{CB_es_:checkbox:signer1}} Kabul ediyorum.</label>
  • {{CB_es_:checkbox:signer1}} <label for="CB"> Kabul ediyorum.</label>

Radyo düğmeleri için aşağıdaki yöntemlerle etiketler belirlenebilir:

  • {{(Red_v)Color_es_:signer1:label("Kırmızı")}}
  • <label> {{(Red_v)Color_es_:signer1}} Kırmızı</label>
  • {{(Red_v)Color_es_:signer1}} <label for="(Red_v)Color">Kırmızı</label>
Dikkat

Normalde HTML'de, "for" özniteliği alan kimliği değerini ifade eder.  Liquid Mode, alan adlarını belirtmek için "for" özniteliğini kullanır.  Bu durum, tam olarak aynı Acrobat Sign metin etiketi direktifine sahip birden çok form alanı örneğinin bulunduğu klonlanmış form alanlarında belirsizliğe neden olabilir.  Bu durumda, "for" özniteliğini kullanmaktan kaçınmamız ve metin etiketlerini bir <label> öğesinin içine koyarak ilişkilendirmemiz gerekir.

Örneğin, aşağıdaki kullanım, mobil yeniden akış görünümündeki iki örneğin her biri için farklı etiketlere sahip klonlanmış form alanları oluşturur:

  • <label> Yetkili {{name_of_official_es_:signer1}} </label>
  • <label> Ad {{name_of_official_es_:signer1}} </label>

Klonlanan form alanında "for" özniteliği kullanan bir etiket belirtilirse referanslar belirsiz olur ve çözümlenemez.  Bu durumda, Liquid Mode görünümü oluşturulmaz.

 Örneğin, aşağıdaki kullanım yalnızca PDF görünümü oluşturur:

  • <label for="name_of_official> Yetkili </label> {{name_of_official_es_:signer1}}
  • <label for="name_of_official> Ad </label> {{name_of_official_es_:signer1}}


Alan Gruplarını Etiketleme

Etiketler tek bir form alanıyla ilişkilendirilir. Bir etiketi/açıklamayı bir alan grubuyla (özellikle radyo düğmesi grupları) ilişkilendirmek istediğimizde fieldset ve legend öğelerinin kullanılmasını teşvik ederiz.  Fieldset öğeleri gruplandırmak için; legend ise gruba açıklama/etiket sağlamak için kullanılır.  Etiketlerde olduğu gibi, Liquid Mode avantajları şunlardır:

  • Alan grubuyla ilişkili açıklamanın/başlığın daha iyi görsel temsili
  • İyi bir erişilebilirlik deneyimi.  Ekran okuyucular, legend içeriğini kullanarak alan grubunu doğru bir şekilde bildirir

Örneğin:

<fieldset>

        <legend>En sevdiğiniz ana rengi seçin</legend>             

        {{(Red)Color_es_:signer1:label("Kırmızı")}}<br/>       

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

        {{(Green)Color_es_:signer1:label("Yeşil")}}<br/>       

</fieldset>

Not

Çoğu belgede yazar, fieldset'in varsayılan olarak işlenmesini istemez. 

Sınırlayıcı kutu, şu CSS ile kaldırılabilir:

    fieldset {

        border: none;

        margin: 0;

        padding: 0;

    }

Görüntü Desteği

Görüntüler aşağıdaki kısıtlamalarla desteklenmektedir:

  • Yalnızca <img> öğesi desteklenir
  • Bir <img> öğesinin src'si, yerleştirilmiş veri (data: şema) veya bir web URL'si (https: yalnızca şema) olarak sağlanabilir
  • Şu formatlar desteklenir:JPEG, PNG, GIF, BMP ve TIFF
    • Animasyonlu GIF'lerde ilk kare, statik resim olarak kullanılır
  • Bir web URL'sinden alınan resmin boyutu 5 MB ile sınırlıdır


Desteklenmeyen Acrobat Sign iş akışları

Liquid Mode aşağıdaki Acrobat Sign iş akışlarını desteklemez:

  • Birden fazla belgeden oluşturulan sözleşmeler
  • HTML olmayan belgelerden oluşturulan sözleşmeler
  • Kitaplık şablonlarından oluşturulan sözleşmeler
  • TASLAK veya İÇERİK OLUŞTURMA durumunda oluşturulan sözleşmeler
  • Dijital imza iş akışları
  • Yazılı imza iş akışları
  • Gönderme aşamasındaki iş akışlarını değiştirme
  • Önizleme onay kutusunun varsayılan olarak etkinleştirildiği gruplardaki iş akışları
  • İmzalama nedenleri etkinleştirilmiş olan sözleşmeler
  • İmzalayan kişinin bir imza alanını her tıklatışında kimlik doğrulaması isteyecek şekilde yapılandırılmış olan sözleşmeler

Yukarıdaki iş akışlarında Liquid Mode görünümü oluşturma girişimi, yalnızca PDF görünümü ile sözleşme oluşturulmasına neden olur.  Gönderene iletilen onay e-postasında Liquid Mode görünümü oluşturulamamasının nedenleri listelenir.


Liquid Mode hata bildirimi

Gönderen, Liquid Mode görünümünde bir sözleşme oluşturmaya çalışmış ancak Acrobat Sign bunu oluşturamamışsa gönderici, sözleşme onay e-postasında Liquid Mode görünümünün oluşturulmasını engelleyen belirli sorunlar listelenerek bilgilendirilir. Gönderen, bildirilen sorunları çözümleyebilir ve sonraki denemelerde Liquid Mode görünümü ile sözleşme oluşturmaya çalışabilir.

Bildirilen sorunlar aşağıdaki kategoriler halinde gruplanabilir:

  • Desteklenmeyen HTML yapıları
  • Desteklenmeyen Acrobat Sign metin etiketleri
  • Desteklenmeyen Acrobat Sign iş akışları
  • Liquid Mode dahili hatası

Liquid Mode dahili hataları, Liquid Mode görünümü oluşturmaya çalışılırken sunucu beklenmeyen hata koşullarıyla karşılaştığında oluşur.

Diğer hata kategorileri için bildirilen sorunların ayrıntılarını aşağıdaki alt bölümlerde bulabilirsiniz:

Liquid Mode görünümü, desteklenmeyen HTML yapıları nedeniyle oluşturulamıyorsa göndericiye iletilen onay e-postasında aşağıdaki hata dizelerinden biri veya birkaçı bulunur:

Hata dizeleri

Desteklenmeyen öğe [+tagName]

Desteklenmeyen URL protokolü [+url]

Tablolarda form alanları desteklenmiyor [+tagName]

İç içe tablolar desteklenmez

Geçersiz etiket alt öğesi [+tagName]

Daha fazla bilgi için Desteklenen HTML etiketleri bölümüne bakın.

Liquid Mode görünümü, desteklenmeyen Acrobat Sign metin etiketi yapıları nedeniyle oluşturulamıyorsa göndericiye iletilen onay e-postasında aşağıdaki hata dizelerinden biri veya birkaçı bulunur:

Hata dizeleri

Referans için tanım etiketi bulunamıyor [+shortName]

Önceden doldurma alanları desteklenmiyor [+name]

Dahili köprüler desteklenmiyor [+name]

Adsız alanlar yalnızca onay kutuları için destekleniyor

Aynı ada ve farklı direktiflere sahip alanlar desteklenmiyor [+name]

Dijital imzalar desteklenmiyor [+name]

Alanlarda hem etiket öğesi hem de etiket direktifi bulunamaz [+name]

Metin etiketi için eksik Sign form alanı: [+name]

Daha fazla bilgi için Form Alanı Özellikleri bölümüne bakın.

Liquid Mode görünümü, desteklenmeyen Acrobat Sign iş akışları nedeniyle oluşturulamamışsa göndericiye iletilen onay e-postasında aşağıdaki hata dizelerinden biri veya birkaçı bulunur:

Hata dizeleri

Sözleşme bir kitaplık şablonu

Sözleşme için ıslak imza gerekiyor

Sözleşmede CFR İmzalama nedeni seçeneği etkin

Sözleşmede CFR E-İmzalama yeniden kimlik doğrulaması etkin

Daha fazla bilgi için Form Alanı Özellikleri bölümüne bakın.


Örnek HTML Belgesi: Kredi Raporu Talebi

Liquid Mode oluşturma için birincil hedef olan form özellikleri şunlardır:

  • parmakları birleştirerek yakınlaştırma işleminin çok fazla kullanılması gerekebilen büyük metin blokları içeren belgeler
  • alanların üst üste binmediği ve Liquid Mode alan akışının kabul edilebilir olduğu formlar

<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <title>Örnek Başlık</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>ÖRNEK ŞİRKET</b></h2>

            <h1 class="h1_header">ÜCRETSİZ KREDİ RAPORUMU ALMAK İÇİN ÖRNEK TALEP</h1>

        </div>

        <div class="body">

            <h3>Örnek Önemli Bilgiler ve Talimatlar:</h3>

            <p>Kişisel bilgilerinizi korumak için kredi raporunuzu <u>doğrulanmış</u>

                ev adresinize göndermeden önce kimliğinizi doğrulayacağız. Aşağıdaki belgelerin önlü arkalı fotokopisini sunmanız gerekir:</p>

            <ul class="info">

              <li class="info__item">Devlet tarafından verilmiş iki kimlik belgesi</li>

              <li class="info__item">Adresiniz iki kimlikte de güncel değilse <u>mevcut ikamet adresinizi</u> gösteren ek bir belge (ör. bir fatura) <u>sağlamanız gerekir</u>.</li>

              <li class="info__item"><b>Sosyal Güvenlik Numaranızı</b> sağlamanız durumunda size doğru bilgileri gösterdiğimizden emin olmak için bunu kayıtlarımızla karşılaştırırız. Bunu bilmek, başka bir kişinin tanımlayıcı bilgilerinin (ad ve adres gibi) sizin sağladığınız bilgilerle aynı olması durumunda gecikmeleri ve karışıklıkları önlememize yardımcı olur.</li>

              <li class="info__item">Kanıt olarak <b>kredi kartı</b> ekstresi veya <b>kredi kartınızın</b> bir kopyasını sağlıyorsanız lütfen özel bilgilerinizi <b>kapattığınızdan</b> emin olun.</li>

            </ul>

            <p>Formda sağladığınız bilgiler kimliğinizi doğrulamak için kullanılır ve ayrıca kredi raporunuzu güncellemek için de kullanılabilir. Bu güncellenmiş bilgiler, kredi dosyanızın bir parçası olarak normal şekilde saklanır, korunur, kullanılır ve/veya açıklanır. ÖRNEK ŞİRKET'in gizlilik uygulamaları hakkında daha fazla bilgi için lütfen https://www.adobe.com/tr/privacy/policy.html adresindeki Gizlilik Politikamıza göz atın. Netlik sağlamak amacıyla, her durumda, sizden makul bir kimlik tespiti alma yükümlülüğümüze uyduğumuzu göstermek için sağladığınız bilgilerin bir kopyasını saklarız.

            </p>

            <p>Lütfen tamamladığınız formu kimlik kanıtıyla birlikte <b>Lorem inseam dolor sit amen, consenttetur</b> adresine veya faks yoluyla <b>XXX-XX-XXXX</b> numarasına gönderin. Teslimat için lütfen X-Y gün bekleyin. Kredi raporunuzda düzeltme yapmanız gerekliyse paketinizle birlikte verilen Kredi Raporu Güncelleme formunu doldurmanız veya <a href="http://sampleurl">SampleURL</a> adresini ziyaret edip Örnek Yardımımız altında "Talep Oluşturma" bağlantısına tıklamanız gerekir.

            </p>

        </div>

        <div class="form">

            <div class="columns-3">

                <div class="item">

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

                    <label for="LastName">SOYADI</label>

                </div>

                <div class="item">

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

                    <label for="FirstName">İLK AD</label>

                </div>

                <div class="item">

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

                    <label for="Suffix">AD EKİ (Sr., Jr., etc.)</label>

                </div>

            </div>

            <div class="address">

                <div class="item big">

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

                    <label for="StreetAddress">GÜNCEL ADRES</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">ŞEHİR</label>

                </div>

                <div class="item">

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

                    <label for="Prov">İL</label>

                </div>

                <div class="item">

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

                    <label for="Zip">POSTA KODU</label>

                </div>

            </div>

            <h2>SON 3 YILDAKİ GEÇMİŞ ADRESLER</h2>

            <div class="address">

                <div class="item big">

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

                    <label for="StreetAddressPr">ESKİ ADRES</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">İLÇE</label>

                </div>

                <div class="item">

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

                    <label for="PrvPr">İL</label>

                </div>

                <div class="item">

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

                    <label for="ZipPr">POSTA KODU</label>

                </div>

            </div>

            <div>

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

                    <label for="EmailAddress">E-POSTA</label>

            </div>

            <div class="columns-2">

                <div class="item">

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

                    <label for="Date">DOĞUM TARİHİ</label>

                </div>

                <div class="item">

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

                    <label for="SocialSecurityNumber">SOSYAL GÜVENLİK NUMARASI:</label>

                </div>

            </div>

            <div class="columns-2">

                <div class="item">

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

                    <label for="NameMajorCard">ANA KREDİ KARTI ADI:</label>

                </div>

                <div class="item">

                    <p class="textTag">{{$LAST4}}</p> <label for="Last4">ANA KREDİ KARTI NUMARASININ SON 4 HANESİ:</label>

                </div>

            </div>

            <div class="columns-2">

                <div class="item">

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

                </div>

                <div class="item">

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

                </div>

            </div>

            <div class="checkbox">

                 <label class="underline">{{$PAY}}  EVET, X.XX KARŞILIĞINDA (vergiler dahil) Örnek Şirket PUANIMI DA SATIN ALMAK İSTİYORUM*</label>

            </div>
            <fieldset>
            <legend> Örnek Şirket'e kredi kartımdan ödeme alması için yetki veriyorum:</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">Kart Sahibinin Adı:</label>

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

            </div>

            <div class="card-info">

                <label for="CardNumber">Kart Numarası:</label>

                <p class="card-number">{{*CardNumber_es_:signer1}}</p> <label for="ExpiryDate">Geçerlilik Tarihi:</label>

                        <p class="expiry-date">{{$EXPIRYDATE}}</p>

            </div>

            <div class="note">

                <p>Not: Çek ve nakit ödemeler kabul edilmez. Kart sahibinin adı, istek sahibinin adıyla aynı olmalıdır.</p>

            </div>

        </div>

        <div class="footer">

            <p>*Örnek şirketin XY ürünü, bazı hizmet sağlayıcıların kredi ve hizmet başvurularını değerlendirirken kullandığı bir üründür. Örnek kredi raporunuzun bir parçası değildir ancak hesaplandığı sırada kredi dosyanızdaki özel bilgilere dayandırılır. Lorem Ipsem, bazı kredi kuruluşları tarafından kullanılan Lorem Ipsem ile aynı değildir. Örnek Şirket, Lorem Ipsem satın alıp almamanızdan bağımsız olarak örnek raporunuzu ücretsiz olarak sağlayacaktır. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Örnek şirket daha fazla örnek hizmet sağlayabilir:</b> Örnek Adres Telefon: 1-XXX-XXX-XXXX Örnek Telefon: 1-XXX-XXX-XXXX</p>

        </div>

    </div>

    <!--  SAYFA SONU -->

    <div style="page-break-after:always"></div>

    <!-- SIGN Metin Etiketi Tanımları -->

    {{#REMOVE_PAGE_FROM_OUTPUT}}

   

    <!-- onay kutusu -->

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

 

    <!-- "Öde" işaretlenmişse etkinleştirilecek radyo düğmesi ve koşullu kural -->

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

 

    <!-- açılır menü -->

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

 

    <!-- hesaplanan alan -->

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

     

    <!-- kurallı ifade biçimlendirme doğrulaması -->

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

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

 

    <!-- tarih doğrulamaları -->

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

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

 

</body>

 

</html>

 

Tarayıcıda HTML Belgesi

Acrobat Sign'da Klasik PDF Görünümü

Sözleşme görünümü:

Liquid Mode görünümü


Bilinen Sorunlar ve SSS

HTML'yi yazarken birkaç kez test etmenizi ve istenen alıcılara göndermeden önce herhangi bir hata olmadığını ve genel akış kriterlerini karşıladığını kontrol etmenizi öneririz.

HTML belgesindeki HTML öğelerinin, belge okuma sırasını izlemesi gerekir. 

Belgedeki sayfa sonları, aşağıda gösterilen şekilde "page-break-after" CSS özelliği kullanılarak açıkça belirtilmelidir:

<div style="page-break-after:always"></div>

Belgeyi yeniden akış sağlama göz önünde bulundurularak yeniden tasarlamak, genel mobil deneyimi iyileştirebilir. Belgeyi yeniden tasarlamayı DÜŞÜNMÜYORSANIZ birkaç istisna dışında orijinal PDF'nin genel görünümüne ve hissine bağlı kalmak isteyebilirsiniz:

  • Liquid Mode'da sayfa düzeyindeki artefaktlar özel olarak işlenmez. HTML belgesinde üstbilgiler, altbilgiler, filigranlar vb. sayfa düzeyinde artefaktlar varsa bunlar yeniden akış görünümünde, yeniden akış sağlanan içeriğin ortasında görünebilirler.

  • Form, "LÜTFEN YAZDIRIN" veya "İSTEĞE BAĞLI" gibi form alanlarını doldurma talimatları veya "(aa/gg/yyyy)" gibi biçimlendirme talimatları içeriyorsa lütfen bu metinleri HTML'ye eklemeyin. "(aa/gg/yyyy)" biçimlendirme talimatları veya form alanının "İSTEĞE BAĞLI" olması gibi bazı bilgiler, metin etiketleri kullanılarak form alanı özelliklerinde belirtilmelidir.  

  • Bazı metinler, birleşik bilgi gruplarının toplanmasını gerektirebilir. Bunları birden fazla form alanına bölerek kullanımı kolaylaştırabilirsiniz. Örneğin, yukarıdaki örnek belgede, "ANA KREDİ KARTI ADI ve KART NUMARASININ SON 4 HANESİ", "ANA KREDİ KARTI ADI" ve "ANA KREDİ KARTI NUMARASININ SON 4 HANESİ" olarak bölünmüştür

  • Yalnızca yukarıda listelenen desteklenen HTML etiketlerini kullanın. Lütfen HTML yapıları ile ilgili bölüme bakın.

  • HTML'nin farklı aygıt genişliklerinde yeniden akış sağlayabilmesi için {width: 30%} gibi göreli koordinatlar ve yerleşimler kullanın. CSS'de mutlak sayfa genişliği olmamalıdır. 

  • Bir PDF, tablo veya liste yapısı içeriyorsa buna karşılık gelen HTML temsili de tablo veya liste olmalıdır. Tek istisna, form alanları içeren tablolardır. Bir tabloda form alanları varsa aynı bilgilerin tablolar olmadan sunulması gerekir.

Daha zengin bir çevrimiçi form doldurma deneyimi oluşturmak için form alanları oluşturulurken, Sign metin etiketlerinin sunduğu tüm doğrulamalar, biçimlendirme ifadeleri, koşullu kurallar ve hesaplama formüllerinin kullanılması önemle tavsiye edilir.

  • Form alanları farklı varlıkları temsil ediyorsa adlarının benzersiz olması gerekir
  • Her form alanında form alanını çevreleyen veya "for" özniteliğini kullanan bir etiket olması önemle tavsiye edilir
  • Bir form alanının İSTEĞE BAĞLI olması, Sign metin etiketlerinde belirtilmelidir. Örneğin:
    • {{*S.I.N_es_:signer1}} zorunlu bir form alanını temsil eder
    • {{S.I.N_es_:signer1}} isteğe bağlı bir form alanını temsil eder
  • Sign metin etiketleri; zip, ssn, tarih, e-posta ve aralık kontrollerine ve maksimum uzunluklara sahip para birimi değerleri gibi öğelerde çeşitli doğrulamalar sağlar. Lütfen bunları kullanın
  • Sign metin etiketleri ayrıca tarih formatı ve para birimi gibi form alanı biçimlendirmeleri de içerir. Bunları kullanmanız önemle tavsiye edilir
  • Tüm onay kutuları, kendileriyle ilişkilendirilmiş etiketlere sahip olmalıdır. Örneğin:

<label> {{[]}} EVET, KREDİ PUANIMI DA SATIN ALMAK İSTİYORUM</label>

  • Basılı formda/PDF formunda onay kutularına benzeyen ancak bu formdaki Evet/Hayır soruları veya Visa/MasterCard/AMEX sorusu gibi aynı anda seçilemeyen değerler içeren form alanları varsa lütfen tüm form alanlarını bir grupta birleştirin ve tek tek onay kutuları yerine radyo düğmesi veya açılır menü şeklinde bir form alanı oluşturarak bir etiket/başlık ekleyin     

<fieldset>

<legend>Ödeme Seçenekleri:</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>

  • Sign metin etiketleri ayrıca, sayfadaki işlenmiş metin etiketinin boyutlarına dayanarak işlenen sayfadaki form alanlarının boyutlarını tanımlar. Sign metin etiketi özellikleri, form alanı boyutlarını küçültmenin yollarını sunar. Lütfen https://helpx.adobe.com/tr/sign/using/text-tag.html adresinde "Metin Etiketlerini Kısaltma" ve "Uzun Metin Etiketleri" ifadelerini arayın. HTML belgesinin sonunda, çok uzun metin etiketleri için Tanım Etiketleri içeren bir bölüm tanımlamak ve HTML gövde kısmında Referans Etiketleri kullanmak, yaygın kullanılan bir tekniktir. Aşağıda bazı örnek Tanım Etiketleri verilmiştir:

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