變更介面工具的高度與寬度
雖然設定介面工具的尺寸須具備部分 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>