Cambiar la altura y la anchura de un formulario web
El alto y el ancho de un formulario web se pueden cambiar editando el código incrustado del formulario web en un tamaño estático, en función de los píxeles, o un tamaño relativo basado en los porcentajes del espacio de la pantalla.
Este procedimiento solo se aplica a los códigos de incrustación de script e iframe. No se puede cambiar el tamaño de los formularios web de URL.
De forma predeterminada, el alto y el ancho de un formulario web se adaptan al tamaño del navegador. Esta propiedad dinámica hace que el formulario web pueda verse en la mayoría de las resoluciones de pantalla.
Para ajustar las dimensiones del formulario web, primero debe obtener el HTML o el código de script del formulario web.
La edición del tamaño del marco del formulario web depende del código que esté utilizando:
Código HTML (iframe)
El código HTML proporciona controles dentro de la cadena copiada del formulario web.
A continuación se muestra un ejemplo de cadena de código iframe:
<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>
Cerca del final de la cadena de código se encuentran los parámetros anchura="100%" y altura="100%". Al ajustar estos parámetros, se ajusta el tamaño del fotograma del formulario web. Se pueden utilizar porcentajes o un tamaño de píxel fijo (asegúrese de quitar el símbolo de porcentaje).
Edite la cadena de código en cualquier editor de texto y luego copie y pegue el código editado en su página web.
El argumento ?wid= indica el ID único del formulario web y, como tal, será diferente para cada formulario web creado.
(Java)Código script (script)
La opción de javascript es un poco más compleja, ya que los parámetros no están ya incluidos en la cadena, pero la idea es la misma.
A continuación se muestra un ejemplo de script del mismo formulario web.
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'> </script>
Para ajustar el tamaño del fotograma con una secuencia de comandos, debe rodear los elementos <script></script> con un elemento <div> que contiene las propiedades del fotograma. Esto obliga a <script> a existir dentro del contenedor <div> y, por lo tanto, está sujeto a las limitaciones de <div>.
Un ejemplo de elemento <div> con una anchura de 600 píxeles, una altura de 500 píxeles y un borde negro sólido de 1 píxel de ancho:
<div style="height:500px; width:600px; border:1px solid black;"> </div>
El script debe estar contenido dentro del elemento <div>, lo que da lugar a un bloque de código completo con el siguiente aspecto:
<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>
El formulario web resultante se muestra con las dimensiones indicadas.
Otros ejemplos de configuración del script
Pantalla completa 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>
Pantalla completa 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>
Optimizar tu trabajo con Acrobat Sign
Gestiona y firma documentos online de forma rápida y sencilla.
