調整介面工具大小

上次更新時間 2016年5月10日

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

雖然設定介面工具的尺寸須具備部分 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*'>

</script>

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

<script> </script>

</div>