Alterar a altura e a largura de um widget
A definição das dimensões de um widget exige algum conhecimento de HTML, mas o processo é simples. Esse processo permite personalizar como o widget se ajusta em sua página da Web.
Observe que esse procedimento se aplica somente ao código JavaScript para um widget. Atualmente, os widgets do URL não podem ser redimensionados.
Por padrão, a altura de um widget e a escala da largura com o tamanho do navegador. Essa propriedade dinâmica permite que o widget possa ser visualizado na maioria dos resoluções de tela.
Para ajustar as dimensões do widget, adicione um estilo div ao código em torno do widget. Essa etapa é executada com HTML, tornando a aparência do quadro do widget completamente personalizável.
O código para o widget aparece abaixo, como fornecido ao clicar no link obter o código correspondente na página Gerenciar:
<script type='text/javascript' language='JavaScript' src='https://secure.echosign.com/public/embeddedWidget?wid=2AAABLblqZhCb3ZNyEbi1ywHYaBw893IPRafJOjVvgE44n4Kb36XRArp5QgTpBhUWhLa7x81ek18*'></script>
Para ajustar o tamanho, adicione o seguinte código antes do código do widget. Esse código define a largura como 500 pixels e a altura como 600 pixels. A borda para o quadro do widget também pode ser ajustada ao alterar as propriedades da borda.
<div style="height:500px; width:600px; border:1px solid black;">
O código para colocar no site que hospeda o widget segue abaixo:
<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 você pode ver, o widget resultante é exibido com as dimensões expecificadas. Obviamente, essas dimensões não são ideais, mas mostra como definir os valores de altura e largura afeta o widget postado.
Mais exemplos
Tela cheia 1
<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src=’https://secure.echosign.com/public/embeddedWidget?wid=[ad ID de seu widget entra aqui]'>
</script>
</body>
Tela cheia 2
<div style="height:100%; width:100%; border:0px solid black;">
<script> </script>
</div>
