更改 Widget 的高度和宽度
设置 Widget 的尺寸需要了解一些 HTML 知识,但该流程很简单。此流程允许您自定义 Widget 如何适应网页的大小。
请注意,此流程仅适用于 Widget 的 JavaScript 代码。目前,无法调整 URL Widget 的大小。
默认情况下,Widget 的高度和宽度根据浏览器的大小进行缩放。这种动态属性使得 Widget 可以在大多数屏幕分辨率下查看。
要调整 Widget 的尺寸,请在 Widget 前后的代码中添加 div 样式。此步骤通过 HTML 来完成,HTML 可使 Widget 框架外观完全可自定义。
单击“管理”页面上相应的获取代码链接,将出现如下所示的 Widget 代码:
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script>
要调整大小,请在 Widget 代码之前添加下列代码。此代码将高度设置为 500 像素,将宽度设置为 600 像素。通过更改 border 属性,还可以调整 Widget 框架的边框。
<div style="height:500px; width:600px; border:1px solid black;">
要放置在 Widget 托管网站上的代码如下所示:
<html>
<div style="height:500px; width:600px; border: 1px solid black;">
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'>
</script>
</div>
</html>
您可以看到,生成的 Widget 按指定的尺寸显示。很明显,这些尺寸并不理想,但它显示了设置高度和宽度值会对发布的 Widget 有何影响。
更多示例
全屏 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>