更改 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>

 

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略