更改 Web 表单的高度和宽度
可以通过编辑 Web 表单的嵌入代码来更改 Web 表单的高度和宽度:更改为基于像素的静态大小或基于屏幕空间百分比的相对大小。
此过程仅适用于脚本和 iframe 嵌入代码。您无法调整 URL Web 表单的大小。
默认情况下,Web 表单的高度和宽度会随浏览器的大小进行缩放。这种动态属性使得在大多数的屏幕分辨率下,都可以查看 Web 表单。
要调整 Web 表单的尺寸,必须先从 Web 表单获取 HTML 或脚本代码。
编辑 Web 表单框架大小,具体取决于您使用的代码:
HTML 代码 (iframe)
HTML 代码在从 Web 表单复制的字符串中提供控件。
下面是一个 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%"。调整这些参数可调整 Web 表单的框架大小。可以使用百分比或固定像素大小(一定要去除百分比符号)。
在任何文本编辑器中编辑代码字符串,然后将编辑好的代码复制并粘贴您的网页中。
参数 ?wid= 表示唯一的 Web 表单 ID,因此,对于每个创建的 Web 表单都是不同的。
(Java) 脚本代码(脚本)
Javascript 选项稍微复杂一些,参数未包含在字符串中,但理念相同。
下面是同一个 Web 表单的脚本示例。
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'> </script>
要使用脚本调整框架大小,必须使用包含框架属性的 <div> 元素括住 <script></script> 元素。这会强制 <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>
生成的 Web 表单以所述的尺寸显示。
脚本配置方法的其他示例
全屏 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>