Cambiar la altura y la anchura de un widget
La determinación de las dimensiones de un widget requiere un poco de conocimiento sobre HTML, pero el proceso es simple. Este proceso permite modificar el modo en que el widget se adapta a su página web.
Nota: Este procedimiento solo se aplica al código JavaScript para un widget. Actualmente, no se puede cambiar el tamaño de los widgets de URL.
De forma predeterminada, la anchura y altura de un widget se adapta al tamaño del navegador. Esta propiedad dinámica permite que el widget se pueda ver en la mayoría de las resoluciones de pantalla.
Para ajustar las dimensiones del widget, añada una división de estilo al código que rodea al widget. Este paso se hace con HTML, lo que hace que el aspecto del marco del widget sea totalmente personalizable.
El código para el widget aparece abajo, si se hace clic en el vínculo correspondienteget code de la página Gestionar:
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script>
Para ajustar el tamaño, añada el código siguiente antes del código de widget. Este código establece la anchura en 500 píxeles y la altura en 600 píxeles. El borde del marco del widget puede ser ajustado mediante la modificación de las propiedades de los bordes.
<div style="height:500px; width:600px; border:1px solid black;">
E l código para colocar en el sitio web que aloja el widget se encuentra a continuación:
<html>
<div style="height:500px; widget:600px; border: 1px solid black;">
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'>
</script>
</div>
</html>
Como puede ver, el widget resultante se muestra con las dimensiones indicadas. Obviamente, estas dimensiones no son ideales, pero muestran cómo los valores de la configuración de altura y anchura afectan el widget publicado.
Más ejemplos
Pantalla completa 1
<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=[yourwidgteId goes here]'>
</script>
</body>
Pantalla completa 2
<div style="height:100%; width:100%; border:0px solid black;">
<script> </script>
</div>