Het formaat van een webformulier wijzigen

Laatst bijgewerkt op 20 jul. 2023

De hoogte en breedte van een webformulier wijzigen

De hoogte en breedte van een webformulier kunnen worden gewijzigd door de insluitcode van het webformulier te wijzigen in een statische grootte, gebaseerd op pixels, of een relatieve grootte op basis van percentages van het schermoppervlak.

Notitie

Deze procedure is alleen van toepassing op de script- en iframe-insluitcodes. De afmetingen van URL-webformulieren kunnen niet worden gewijzigd.

De hoogte en breedte van een webformulier worden standaard aangepast aan de afmetingen van de browser. Dankzij deze dynamische eigenschap wordt het webformulier correct weergegeven bij de meeste schermresoluties.

Als u de afmetingen van het webformulier wilt aanpassen, moet u eerst de HTML- of scriptcode ophalen van uw webformulier.

Het bewerken van de framegrootte van het webformulier is afhankelijk van de code die u gebruikt:

HTML-code (iframe)

HTML-code bevat besturingselementen in de tekenreeks die van het webformulier is gekopieerd.

Hieronder ziet u een voorbeeld van een iframe-codetekenreeks:

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

Aan het einde van de codetekenreeks bevinden zich de parameters width="100%" en height="100%". Als u deze parameters aanpast, wordt de framegrootte van het webformulier aangepast. U kunt percentages gebruiken of een vaste pixelgrootte (verwijder het percentagesymbool).

Bewerk de codetekenreeks in een teksteditor en kopieer en plak de bewerkte code in uw webpagina.

Notitie

Het argument ?wid= geeft de unieke webformulier-ID aan en zal daarom voor elk gemaakt webformulier anders zijn.

(Java)Script-code  (script)

De JavaScript-optie is iets complexer omdat de parameters nog niet in de tekenreeks zijn opgenomen, maar het idee is hetzelfde.

Hieronder ziet u een scriptvoorbeeld van hetzelfde webformulier. 

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

Als u de framegrootte wilt aanpassen met een script, moet u de <script></script>-elementen omringen met een <div>-element dat de frame-eigenschappen bevat. Dit dwingt het <script> te bestaan binnen de <div>-container en is daarmee onderhevig aan de beperkingen van de <div>.

Een voorbeeld <div>-element met een breedte van 600 pixels, een hoogte van 500 pixels en een effen zwarte rand van 1 pixel breed:

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

Het script moet worden opgenomen in het <div>-element, wat resulteert in een compleet codeblok dat er als volgt uitziet:

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

Het resulterende webformulier wordt weergegeven met de opgegeven afmetingen.

Andere voorbeelden van hoe het script kan worden geconfigureerd

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

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