Web formlarını yeniden boyutlandırma

Son güncelleme: 20 Tem 2023

Bir web formunun yüksekliğini ve genişliğini değiştirme

Bir web formunun yüksekliği ve genişliğini değiştirmek için web formunun gömme kodunu, pikselleri temel alıp statik bir boyut ya da ekran kaplamasının yüzdelerini temel alıp göreli bir boyut olacak şekilde düzenleyebilirsiniz.

Not

Bu prosedür yalnızca komut dosyası ve iframe gömme kodları için geçerlidir. URL web formları yeniden boyutlandırılamaz.

Varsayılan olarak, bir web formunun yükseklik ve genişlik ölçeği tarayıcının boyutuna göre değişir. Bu dinamik özellikle web formu çoğu ekran çözünürlüğünde görüntülenebilir.

Web formunun boyutlarını ayarlamak için öncelikle web formunuzdan HTML veya komut dosyası kodunu almanız gerekir.

Web formu çerçeve boyutunun düzenlenmesi kullandığınız koda bağlıdır:

HTML kodu (iframe)

HTML kodu, web formundan kopyalanan dizenin içinde kontroller sağlar.

Aşağıda örnek bir iframe kod dizesi verilmiştir:

<iframe src=&quot;https://secure.na1.adobesign.com/public/esignWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*&hosted=false&quot; width=&quot;100%&quot; height=&quot;100%&quot; frameborder=&quot;0&quot; style=&quot;border: 0; overflow: hidden; min-height: 500px; min-width: 600px;&quot;></iframe>

Kod dizesinin sonlarındaki width="100%" ve height="100%" genişlik ve yükseklik parametreleridir. Bu parametreler ayarlandığında web formunun çerçeve boyutu ayarlanır. Yüzdeler veya sabit bir piksel boyutu (yüzde sembolünü kaldırdığınızdan emin olun) kullanılabilir.

Kod dizesini herhangi bir metin düzenleyicide düzenleyin ve ardından düzenlenen kodu kopyalayıp web sayfanıza yapıştırın.

Not

?wid= bağımsız değişkeni, benzersiz web formu kimliğini belirtir ve bu şekilde oluşturulan her web formu için farklı olur.

(Java) Komut dosyası kodu (komut dosyası)

Javascript seçeneği, parametrelerin dizeye dahil edilmemesi nedeniyle biraz daha karmaşıktır ancak mantığı aynıdır.

Aşağıda aynı web formunun komut dosyası örneği verilmiştir. 

<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>

Bir komut dosyasıyla çerçeve boyutunu ayarlamak için <script> </script> öğelerini, çerçeve özelliklerini içeren bir <div> öğesiyle çevrelemeniz gerekir. Bu, <script> öğesini <div> yapısının içinde bulunmaya zorlar ve dolayısıyla <div>'in sınırlamalarına tabidir.

600 piksel genişliğinde, 500 piksel yüksekliğinde ve 1 piksel genişliğinde düz siyah kenarlıklı örnek bir <div> öğesi:

<div style=&quot;height:500px; width:600px; border:1px solid black;&quot;> 
</div>

Komut dosyası, <div> öğesinin içinde yer almalıdır ve aşağıdaki gibi görünen eksiksiz bir kod bloğu oluşturulmalıdır:

<html>

    <div style=&quot;height:500px; widget:600px; border: 1px solid black;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

    </div>

</html>

Ortaya çıkan web formu, belirtilen boyutlarla görüntülenir.

Komut dosyasının yapılandırılmasına ilişkin diğer örnekler

Tam ekran 1

<body style=&quot;margin: 0; padding: 0;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

</body>

Tam ekran 2

<div style=&quot;height:100%; width:100%; border:0px solid black;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

</div>