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.

Observação:

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>

 

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online