調整介面工具大小

變更介面工具的高度與寬度

雖然設定介面工具的尺寸須具備部分 HTML 相關知識,但是設定程序相當容易。此程序可讓您依據網站頁面大小,自訂介面工具尺寸。

註解:

請注意,此程序僅適用於介面工具的 JavaScript 程式碼。URL 介面工具目前無法調整大小。

依據預設,介面工具的高度和寬度與瀏覽器大小比例相同。藉由此動態屬性的設定,可讓使用者在大多數畫面解析度設定下,皆可檢視介面工具。

若要調整介面工具尺寸,請在介面工具的程式碼周圍新增 style 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*'>

</指令碼>

</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:100px; width:100px; border:0px solid black;">

<script> </script>

</div>

 

更快、更輕鬆地獲得協助

新的使用者?