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