위젯의 높이 및 폭 변경

위젯의 치수를 설정하려면 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>

 

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책