Cambiare l’altezza e la larghezza di un modulo Web
L’altezza e la larghezza di un modulo Web possono essere modificate cambiando il codice di incorporamento del modulo Web in una dimensione statica basata sui pixel oppure in una dimensione relativa basata sulle percentuali dell’area dello schermo.
Questa procedura si applica solo ai codici incorporati script e iframe. I moduli Web degli URL non possono essere ridimensionati.
Per impostazione predefinita, l’altezza e la larghezza di un modulo Web vengono ridimensionate in base alle dimensioni del browser. Questa proprietà dinamica consente di visualizzare il modulo Web nella maggior parte delle risoluzioni dello schermo.
Per regolare le dimensioni di un modulo Web, è necessario innanzitutto ottenere il codice HTML o script dal modulo Web.
La modifica delle dimensioni della struttura di un modulo Web dipende dal codice in uso:
codice HTML (iframe)
Il codice HTML fornisce i controlli all’interno della stringa copiata dal modulo Web.
Di seguito è riportata una stringa di codice iframe di esempio:
<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>
Quasi alla fine della stringa di codice ci sono i parametri larghezza=“100%” e altezza=“100%”. La regolazione di questi parametri adatta le dimensioni della struttura del modulo Web. È possibile utilizzare le percentuali o una dimensione di pixel fissa (assicurarti di rimuovere il simbolo percentuale).
Modifica la stringa di codice in qualsiasi editor di testo, quindi copia e incolla il codice modificato nella pagina Web.
L’argomento?wid= indica l’ID univoco del modulo Web e, in quanto tale, sarà diverso per ogni modulo Web creato.
Codice (Java)Script (script)
L’opzione JavaScript è un po’ più complessa in quanto i parametri non sono già inclusi nella stringa, ma l’idea è la stessa.
Di seguito è riportato un esempio di script dello stesso modulo Web.
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'> </script>
Per regolare le dimensioni della struttura con uno script, è necessario racchiudere gli elementi <script></script> con l’elemento <div> che contiene le proprietà della struttura. Ciò forza lo <script> a esistere all’interno del contenitore <div> ed è quindi soggetto alle limitazioni del <div>.
Un elemento <div> di esempio con una larghezza di 600 pixel, un’altezza di 500 pixel e un bordo nero pieno largo 1 pixel:
<div style="height:500px; width:600px; border:1px solid black;"> </div>
Lo script deve essere contenuto all’interno dell’elemento <div>, creando un blocco di codice completo simile a:
<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>
Il modulo Web risultante viene visualizzato con le dimensioni indicate.
Altri esempi di come lo script può essere configurato
Schermo intero 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>
Schermo intero 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>
Semplifica il tuo lavoro con Acrobat Sign
Gestisci e firma documenti online in modo semplice e veloce.
