Alterar a altura e a largura de um formulário web
A altura e a largura de um formulário web podem ser alteradas editando o código incorporado do formulário web para um tamanho estático, com base em pixels, ou um tamanho relativo com base em porcentagens de espaço da tela.
Esse procedimento se aplica somente aos códigos incorporados de script e iframe. Os formulários da Web de URL não podem ser redimensionados.
Por padrão, a altura e a largura de um formulário da Web se expande conforme o tamanho do navegador. Essa propriedade dinâmica faz com que o formulário da Web possa ser exibido na maioria das resoluções de tela.
Para ajustar as dimensões do formulário web, você deve primeiro obter o código HTML ou script do formulário web.
A edição do tamanho do quadro do formulário web depende do código que você está usando:
Código HTML (iframe)
O código HTML fornece controles na string copiada do formulário web.
Veja abaixo um exemplo de string 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>
Perto do final da string de código estão os parâmetros width="100%" e height="100%". Ajustar esses parâmetros define o tamanho do quadro do formulário web. É possível usar porcentagens ou um tamanho de pixel fixo (nesse caso, remova o símbolo de porcentagem).
Edite a string de código em qualquer editor de texto e copie e cole o código editado em sua página da Web.
O argumento ?wid= indica a ID exclusiva do formulário web e será diferente para cada formulário web criado.
Código (Java)Script (script)
A opção de JavaScript é um pouco mais complexa, visto que os parâmetros não estão incluídos na string, mas a ideia é a mesma.
Veja abaixo um exemplo de script do mesmo formulário web.
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'> </script>
Para ajustar o tamanho do quadro com um script, você deve cercar os elementos <script></script> com um elemento <div> que contém as propriedades do quadro. Isso força o <script> a existir no container <div> e, portanto, está sujeito às limitações do <div>.
Um exemplo de elemento <div> com uma largura de 600 pixels, uma altura de 500 pixels e uma borda preta sólida com 1 pixel de largura:
<div style="height:500px; width:600px; border:1px solid black;"> </div>
O script deve estar contido no elemento <div>, resultando em um bloco de código completo semelhante 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>
O formulário web resultante é exibido com as dimensões indicadas.
Outros exemplos de como o script pode ser configurado
Tela cheia 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>
Tela cheia 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>
Simplifique seu trabalho com o Acrobat Sign
Gerencie e assine documentos online de forma rápida e fácil.
