Ajustando a altura da moldura de acordo com o formulário

Bom pessoal, depois de algum tempo estou de volta para trazer novos posts para o blog. Vocês sabem né, tempo é algo um pouco difícil para nós desenvolvedores.

Estarei iniciando uma serie de posts que terão como objetivo mostrar como é possível mudar a cara das aplicações desenvolvidas no Maker.  Geralmente começamos mudar nossa aplicação, utilizando um formulário principal, para ser chamado ao invés da página padrão do Maker, geralmente colocamos alguns botões para poder abrir os outros formulários do sistema que em maioria das vezes são abertos dentro de uma moldura, o que não gosto muito ao abrir um formulário dentro de uma moldura são as barras de rolagem que são mostradas caso o formulário aberto seja maior que a altura da moldura, para eliminar um pouco esse comportamento visualmente desagradável, escrevi utilizando JavaScript, uma pequena funcionalidade que permite ajustar o tamanho da moldura de acordo com seu conteúdo. Então vamos ao que interessa. Segue abaixo o código JavaScript utilizado para redimensionar a moldura.



var componente = $c("<Nome do componente moldura>");
var vFrames = componente.div.getElementsByTagName("iframe");

var conteudoDoFrame = vFrames[0].contentDocument.body;
var frameFormularioMoldura = conteudoDoFrame.getElementsByTagName("frame");
var altura = frameFormularioMoldura[0].contentDocument.body.scrollHeight;
vFrame[0].style.height = altura;

O código acima poderá ser colocado como parâmetro na função "Executar JavaScript" e deve ser chamado logo após a execução de qualquer função que abra um formulário ou outro conteúdo dentro de uma moldura. Para que não sejam mostradas as barras de rolagem, defina o valor "false" para o parâmetro relacionado a exibição das mesmas.

Recomendo ainda que esse código seja chamado em um fluxo agendado após a execução de uma das funções reponsáveis pela abertura de formulários dentro da moldura.

Bom pessoal é isso ai, espero que possam ter um bom aproveitamento desse conteúdo, breve estarei postando mais informações para ajuda-los a melhorar cada vez mais a interface gráfica de suas aplicações.

Até o próximo post.