Juster højden og bredden på en widget
Det kræver lidt HTML-kendskab at angive størrelsen på en widget, men det er en enkel proces. Du kan bruge denne proces til at tilpasse størrelsen på en widget på din webside.
Bemærk: Denne procedure gælder kun for JavaScript-koden til en widget. URL-widgets kan ikke tilpasses.
Højden og bredden på en widget skaleres som standard efter browserens størrelse. Takket være denne dynamiske egenskab kan en widget vises med de fleste skærmopløsninger.
Hvis du vil justere dimensionerne på en widget, skal du føje "style div" til koden omkring den. Det skal gøres vha. HTML, så rammen omkring din widget kan tilpasses på alle måder.
Koden for din widget vises nedenfor, og det er den samme kode, som du får, hvis du klikker på linket Hent kode på administrationssiden:
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script>
Hvis du vil kunne justere størrelsen, skal du tilføje følgende kode før koden for din widget. Med denne kode angives bredden som 500 pixels og højden som 600 pixels. Widget-rammen kan også justeres, hvis du ændrer egenskaberne for border.
<div style="height:500px; width:600px; border:1px solid black;">
Her er den kode, der skal indsættes på det websted, som er vært for din widget:
<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>
Som du kan se, vises der nu en widget med de angivne mål. Det er selvfølgelig ikke de ideelle mål, men eksemplet viser, hvordan det påvirker en widget, når værdien for højden og bredden angives.
Flere eksempler
Fuld skærm 1
<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=[widget-id her]'>
</script>
</body>
Fuld skærm 2
<div style="height:100%; width:100%; border:0px solid black;">
<script> </script>
</div>