웹 양식의 높이 및 폭 변경
웹 양식의 임베드 코드를 편집하여 웹 양식의 높이와 폭은 픽셀을 기준으로 하는 정적 크기 또는 화면 면적 백분율에 따라 상대적인 크기로 편집하여 변경할 수 있습니다.
이 절차는 스크립트 및 iframe 임베드 코드에만 적용됩니다. URL 웹 양식의 크기는 조정할 수 없습니다.
기본적으로 웹 양식의 높이와 너비는 브라우저의 크기를 기준으로 하여 조정됩니다. 이러한 동적 속성을 사용하면 대부분의 화면 해상도로 웹 양식을 볼 수 있습니다.
웹 양식의 크기를 조정하려면 먼저 웹 양식에서 HTML 또는 스크립트 코드가 있어야 합니다.
웹 양식 프레임 크기 편집은 사용 중인 코드에 따라 다릅니다.
HTML 코드(iframe)
HTML 코드는 웹 양식에서 복사한 문자열 내의 컨트롤을 제공합니다.
다음은 iframe 코드 문자열의 예입니다.
<iframe src="https://secure.na1.adobesign.com/public/esignWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*&hosted=false" width="100%" height="100%" frameborder="0" style="border: 0; overflow: hidden; min-height: 500px; min-width: 600px;"></iframe>
코드 문자열의 끝 근처에 width="100%" 및 height="100%" 매개 변수가 있습니다. 이러한 매개변수를 조정하면 웹 양식의 프레임 크기가 조정됩니다. 백분율을 사용하거나 고정된 픽셀 크기를 사용할 수 있습니다(백분율 기호를 제거해야 함).
텍스트 편집기에서 코드 문자열을 편집한 다음, 편집된 코드를 복사하여 웹 페이지에 붙여 넣습니다.
?wid=' 인수는 고유한 웹 양식 ID를 나타내며, 따라서 생성된 모든 웹 양식에 따라 달라집니다.
(Java) Script 코드(스크립트)
javascript 옵션은 매개 변수가 아직 문자열에 포함되어 있지 않지만 이 개념은 동일하다는 점에서 다소 복잡합니다.
다음은 동일한 웹 양식의 스크립트 예입니다.
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'> </script>
스크립트로 프레임 크기를 조정하려면 <script></script> 요소를 프레임 속성이 포함된 <div> 요소로 둘러싸야 합니다. 이로 인해 <script>가 <div> 컨테이너 내에 존재하게 되므로 <div>의 제한 사항이 강제 적용됩니다.
폭 600픽셀, 높이 500픽셀, 검은색 테두리 1픽셀 너비의 <div> 요소 예시:
<div style="height:500px; width:600px; border:1px solid black;"> </div>
스크립트는 <div> 요소 내에 포함되어야 하며 다음과 같은 완전한 코드 블록을 생성합니다.
<html>
<div style="height:500px; widget:600px; border: 1px solid black;">
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>
</div>
</html>
결과 웹 양식이 명시된 치수와 함께 표시됩니다.
스크립트 구성 방법에 대한 다른 예
전체 화면 1
<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>
</body>
전체 화면 2
<div style="height:100%; width:100%; border:0px solid black;">
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>
</div>
