Höhe und Breite eines Widgets ändern

Für das Festlegen der Abmessungen eines Widgets müssen Sie etwas Erfahrung mit HTML haben, das Verfahren selbst ist jedoch einfach. Mit diesem Verfahren können Sie festlegen, wie das Widget auf Ihre Webseite eingefügt wird.

Hinweis:

Diese Vorgehensweise gilt nur für den JavaScript-Code eines Widgets. Derzeit kann die Größe von URL-Widgets nicht angepasst werden.

Standardmäßig werden die Höhe und Breite eines Widgets mit der Größe des Browsers skaliert. Durch diese dynamische Eigenschaft kann das Widget in den meisten Bildschirmauflösungen angezeigt werden.

Um die Größe des Widgets anzupassen, fügen Sie dem Code um das Widget ein Stil-DIV hinzu. Dieser Schritt wird mit HTML durchgeführt, wodurch der Widget-Rahmen anpassbar wird.

Der Code für das Widget wird nachfolgend angezeigt, wenn Sie auf den entsprechenden Link Code aufrufen auf der Seite „Verwalten“ klicken:

<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script> 

Um die Größe anzupassen, fügen Sie den folgenden Code vor dem Widgetcode hinzu. Dieser Code legt die Breite auf 500 Pixel und die Höhe auf 600 Pixel fest. Der Rand für den Widgetrahmen kann auch angepasst werden, indem die Randeigenschaften geändert werden.

<div style="height:500px; width:600px; border:1px solid black;">

Der auf die Website einzufügende Code, auf der sich das Widget befindet, lautet:

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

</wechselt>

</html>

Wie Sie sehen, wird das entstandene Widget mit den angegebenen Abmessungen angezeigt. Offensichtlich sind die Abmessungen nicht ideal, es zeigt aber, wie sich das Festlegen der Höhen- und Breitenwerte auf das Widget auswirkt.

Weitere Beispiele

Vollbildmodus

<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=[Ihre Widget-ID wird hier eingefügt]'>

</script>
</body>

Vollbildmodus 2

<div style="height:100%; width:100%; border:0px solid black;">

<script> </script>

</wechselt>

 

Dieses Werk unterliegt den Bedingungen der Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.

Rechtliche Hinweise   |   Online-Datenschutzrichtlinie