Bir bileşenin yüksekliğini ve genişliğini değiştirme

Bir bileşenin boyutlarını ayarlamak bir parça HTML bilgisi gerektirir ancak işlem kolaydır. Bu işlem, bileşenlerin web sayfanızda nasıl duracağını ayarlamanızı sağlar.

Not:

Bu prosedürün bir bileşen için sadece JavaScript kodunda geçerli olduğunu unutmayın. Hali hazırda, URL bileşenlerinin boyutları ayarlanamaz.

Varsayılan ayar olarak bir bileşenin yüksekliği ve genişliği, tarayıcının boyutuna göre ayarlanır. Bu dinamik özellik, bileşenin çoğu ekran çözünürlüğünde görülebilmesini sağlar.

Bileşenin boyutlarını ayarlamak için, bileşenin çevresindeki koda bir style div ekleyin. Bu adım HTML ile yapılır ve bileşen çerçevesi görünümünün tamamen ayarlanabilir olmasını sağlar.

Bileşen kodu, Yönet sayfasında ilgili kodu al bağlantısına tıklayarak açılan şekilde aşağıda görülmektedir:

<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script> 

Boyutu ayarlamak için bileşen kodundan önce aşağıdaki kodu ekleyin. Bu kod genişliği 500 piksel ve yüksekliği 600 piksele ayarlar. Bileşen çerçevesi kenarlığı, kenarlık özelliklerini değiştirerek de ayarlanabilir.

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

Bileşenin yer alacağı, web sitesine yüklenecek kod:

<html>

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

<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'>

</komut dosyası>

</div>

</html>

Gördüğünüz gibi oluşan bileşen, belirtilen boyutlarla görüntülenir. Açıkçası bu boyutlar ideal değildir ancak yükseklik ve genişlik değerlerini ayarlamanın yayınlanan bileşeni nasıl etkilediğini göstermektedir.

Daha fazla örnek

Tam ekran 1

<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=[bileşen kodu burada yer alır]'>

</script>
</body>

Tam ekran 2

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

<script> </script>

</div>

 

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi