Ändra höjden och bredden på en widget

Det krävs en viss erfarenhet av HTML för ett ange måtten på en widget, men processen är enkel. Med den här processen kan du anpassa widgeten till din webbsida.

Obs!

Obs! Den här proceduren gäller bara för JavaScript-koden för en widget. För närvarande går det inte att ändra storlek på URL-widgetar.

Som standard anpassar sig widgetens höjd och bredd efter webbläsarens storlek. Tack vare den här dynamiska egenskapen kan widgeten visas i de flesta skärmupplösningar.

Lägg till en style/div-tagg på koden som omger din widget för att justera widgetens storlek. Det här steget utförs med HTML och gör det möjligt att anpassa utseendet på widgetbildrutan.

Widgetens kod visas nedan genom att klicka på den motsvarande hämta kod-länken på sidan Hantera:

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

Lägg till följande kod före widgetkoden för att justera storleken. Den här koden anger bredden till 500 pixlar och höjden till 600 pixlar. Widgetbildrutans kantlinje kan även justeras genom att ändra kantlinjeegenskaperna.

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

Koden som ska läggas på webbplatsen som är värd för widgeten är följande:

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

</skript>

</div>

</html>

Som du ser visas den slutliga widgeten med de angivna storlekarna. De här storlekarna är inte idealiska, men det illustrerar hur den visade widgeten påverkas när du anger höjd- och breddvärden.

Fler exempel

Helskärm 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>

Helskärm 2

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

<script> </script>

</div>

 

Denna produkt är licensierad enligt en Creative Commons Erkännande-Ickekommersiell-Dela Lika 3.0 Unported-licens  Twitter™- och Facebook-inlägg omfattas inte av villkoren i Creative Commons-licensen.

Juridiska meddelanden   |   Onlinesekretesspolicy