Změna velikosti webového formuláře

Naposledy aktualizováno 20. 7. 2023

Změna výšky a šířky webového formuláře

Výšku a šířku webového formuláře lze změnit úpravou kódu pro vložení webového formuláře na statickou velikost založenou na obrazových bodech nebo na relativní velikost založenou na procentech stopy obrazovky.

Poznámka

Tento postup se vztahuje pouze na kódy pro vložení skriptu a iframe. Velikost webových formulářů URL není možné měnit.

Ve výchozím nastavení odpovídá měřítko výšky a šířky webového formuláře velikosti prohlížeče. Tato dynamická vlastnost zajišťuje, aby bylo možné webový formulář zobrazit ve většině rozlišení obrazovky.

Chcete-li upravit rozměry webového formuláře, musíte nejdříve z webového formuláře získat kód HTML nebo skriptu.

Úprava velikosti rámečku webového formuláře závisí na kódu, který používáte:

Kód HTML (iframe)

Kód HTML nabízí ovládací prvky v řetězci zkopírovaném z webového formuláře.

Níže je příklad řetězce kódu iframe:

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

Na konci řetězce kódu se nacházejí parametry width="100%" a height="100%". Upravením těchto parametrů upravíte velikost rámečku webového formuláře. Můžete použít procentuální hodnoty nebo pevnou velikost obrazových bodů (nezapomeňte odstranit symbol procent).

Upravte kód v libovolném textovém editoru a poté upravený kód zkopírujte a vložte do webové stránky.

Poznámka

Argument ?wid= obsahuje jedinečné ID webového formuláře a proto bude pro každý vytvořený webový formulář odlišný.

Kód (Java)Script  (skript)

Možnost javascriptu je o něco složitější v tom, že parametry již nejsou zahrnuty v řetězci, ale princip je stejný.

Níže je ukázka skriptu stejného webového formuláře. 

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

Chcete-li upravit velikost rámečku pomocí skriptu, musíte obklopit prvky <script></script> prvkem <div> obsahujícím vlastnosti rámečku. To přinutí <script> existovat v kontejneru <div> a podřídit se omezením <div>.

Příklad prvku <div> s šířkou 600 pixelů, výškou 500 pixelů a plným černým okrajem o šířce 1 pixel:

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

Skript musí být uzavřen v prvku <div>, vznikne tedy kompletní blok kódu, který vypadá takto:

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

Výsledný webový formulář se zobrazí s uvedenými rozměry.

Další příklady konfigurace skriptu

Celá obrazovka 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>

Celá obrazovka 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>