Juster højden og bredden på en webformular
Højden og bredden af en webformular kan ændres ved at redigere webformularens indlejringskode til enten en statisk størrelse baseret på pixel eller en relativ størrelse baseret på procentdele af skærmen.
Denne procedure gælder kun for script- og iframe-indlejringskoder. Størrelsen på URL-webformularer kan ikke ændres.
En webformulars højde og bredde skaleres som standard med browserens størrelse. Denne dynamiske egenskab gør, at webformularen kan ses i de fleste skærmopløsninger.
For at justere webformularens mål skal du først hente HTML- eller script-koden fra din webformular.
Redigering af webformularens rammestørrelse afhænger af den kode, du bruger:
HTML-kode (iframe)
HTML-kode indeholder kontrolelementer i den streng, der er kopieret fra webformularen.
Nedenfor er et eksempel på en iframe-kodestreng:
<iframe src="https://secure.na1.adobesign.com/public/esignWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*&hosted=false" width="100%" height="100%" frameborder="0" style="border: 0; overflow: hidden; min-height: 500px; min-width: 600px;"></iframe>
Nær slutningen af kodestrengen er der width="100%" og height="100%" parametre. Justering af disse parametre justerer webformularens rammestørrelse. Procenttal kan bruges eller en fast pixelstørrelse (sørg for at fjerne procentsymbolet).
Rediger kodestrengen i ethvert tekstredigeringsprogram, og kopiér og indsæt derefter den redigerede kode på din webside.
Argumentet ?wid= angiver det unikke webformular-id og vil som sådan være forskelligt for hver webformular, der oprettes.
(Java)Scriptkode (script)
JavaScript-indstillingen er en smule mere kompleks, fordi parametrene ikke allerede er inkluderet i strengen, men idéen er den samme.
Nedenfor er et script-eksempel på den samme webformular.
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'> </script>
Hvis du vil justere rammestørrelsen med et script, skal du omslutte <script></script> elementerne med et <div> element, der indeholder rammeegenskaberne. Dette tvinger <script> til at eksistere i <div>-containeren og er dermed underlagt begrænsningerne på <div>.
Et eksempel på <div>-element med en bredde på 600 pixels, en højde på 500 pixels og en solid sort kant 1 pixel bred:
<div style="height:500px; width:600px; border:1px solid black;"> </div>
Scriptet skal være indeholdt i <div>-elementet, hvilket resulterer i en komplet kodeblok, der ser ud som:
<html>
<div style="height:500px; widget:600px; border: 1px solid black;">
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>
</div>
</html>
Den resulterende webformular vises med de angivne mål.
Andre eksempler på, hvordan scriptet kan konfigureres
Fuld skærm 1
<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>
</body>
Fuld skærm 2
<div style="height:100%; width:100%; border:0px solid black;">
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>
</div>