위젯의 높이 및 폭 변경
위젯의 치수를 설정하려면 HTML에 대해 약간 알아야 하지만 프로세스는 간단합니다. 이 프로세스를 사용하여 웹 페이지에 맞게 위젯을 사용자 정의할 수 있습니다.
이 절차는 위젯에 대한 JavaScript 코드에만 적용됩니다. 현재 URL 위젯의 크기는 조정할 수 없습니다.
기본적으로 위젯의 높이와 폭은 브라우저 크기에 맞게 조정됩니다. 이러한 동적 속성 때문에 대부분의 화면 해상도에서 위젯을 볼 수 있는 것입니다.
위젯 치수를 조정하려면 코드에 위젯을 둘러싸는 스타일 div를 추가합니다. 이 단계는 HTML에서 수행되므로, 위젯 프레임 모양을 완전히 사용자 정의할 수 있습니다.
위젯에 대한 코드는 아래에 나와 있습니다. 이 코드는 [관리] 페이지에서 해당 코드 가져오기 링크를 클릭하면 표시됩니다.
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script>
크기를 조정하려면 위젯 코드 앞에 다음 코드를 추가합니다. 이 코드는 폭을 500픽셀로, 높이를 600픽셀로 설정합니다. 테두리 속성을 변경하여 위젯 프레임의 테두리도 조정할 수 있습니다.
<div style="height:500px; width:600px; border:1px solid black;">
위젯을 호스팅한 웹 사이트에 추가할 코드는 다음과 같습니다.
<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*'>
</script>
</div>
</html>
보이는 것처럼 결과 위젯이 명시된 치수로 표시됩니다. 분명한 것은 이러한 치수가 이상적인 치수는 아니라는 것입니다. 그렇지만 높이 및 폭 값이 게시된 위젯에 어떻게 영향을 미치는지를 이해하는 데 도움이 됩니다.
추가 예
전체 화면 1
<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=[yourwidgteId goes here]'>
</script>
</body>
전체 화면 2
<div style="height:100%; width:100%; border:0px solid black;">
<script> </script>
</div>