Velge et nettskjema

Sist oppdatert 20. jul. 2023

Endre høyden og bredden på et nettskjema

Høyden og bredden på et nettskjema kan endres ved å redigere den innebygde koden for webskjemaet til enten en statisk størrelse, basert på piksler, eller en relativ størrelse basert på prosentandelen av skjermavtrykk.

Notat

Denne prosedyren gjelder bare for skript- og iframe-innebyggingskodene. Du kan ikke endre størrelse på URL-webskjemaer.

Som standard vil høyden og bredden på et webskjema skaleres etter størrelsen på nettleseren. Denne dynamiske egenskapen sørger for at webskjemaet kan vises med de fleste skjermoppløsninger.

Hvis du vil justere dimensjonene til nettskjemaet, må du først få HTML- eller skriptkoden fra nettskjemaet.

Redigering av rammestørrelsen til nettskjemaet avhenger av koden du bruker:

HTML-kode (iframe)

HTML-kode gir kontroller i strengen som kopieres fra nettskjemaet.

Nedenfor er et eksempel på iframe-kodestreng:

<iframe src=&quot;https://secure.na1.adobesign.com/public/esignWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*&hosted=false&quot; width=&quot;100%&quot; height=&quot;100%&quot; frameborder=&quot;0&quot; style=&quot;border: 0; overflow: hidden; min-height: 500px; min-width: 600px;&quot;></iframe>

Nær slutten av kodestrengen er parametrene width=“100%“ og height=“100%“. Hvis du justerer disse parameterne, justeres rammestørrelsen for nettskjemaet. Du kan bruke prosentverdier eller en fast pikselstørrelse (sørg for at du fjerner prosentsymbolet).

Rediger kodestrengen i et tekstredigeringsprogram, og kopier og lim deretter inn den redigerte koden på nettsiden din.

Notat

Argumentet ?wid= indikerer den unike nettskjema-ID-en, og vil som sådan være forskjellig for hvert nettskjema som opprettes.

(Java) skriptkode  (skript)

JavaScript-alternativet er litt mer komplisert ved at parameterne ikke allerede er inkludert i strengen, men ideen er den samme.

Nedenfor er et skripteksempel for det samme nettskjemaet. 

<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 skript, må du omgi <script></script> elementer med et <div> element som inneholder rammeegenskapene. Dette tvinger <script> til å eksistere i <div>-beholderen, og er dermed underlagt begrensningene til <div>.

Et eksempel på et <div>-element med en bredde på 600 piksler, en høyde på 500 piksler og en heldekkende svart ramme som er 1 piksel bred:

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

Skriptet må være inneholdt i <div>-elementet, noe som resulterer i en fullstendig kodeblokk som ser ut som:

<html>

    <div style=&quot;height:500px; widget:600px; border: 1px solid black;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

    </div>

</html>

Det resulterende nettskjemaet vises med de angitte dimensjonene.

Andre eksempler på hvordan skriptet kan konfigureres

Full skjerm 1

<body style=&quot;margin: 0; padding: 0;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

</body>

Full skjerm 2

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

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

</div>