Utilização do controle lum_okButton
O controle de lum_okButton é usado para montar botões de confirmação em formulários, como no caso do serviço Fale Conosco .
A imagem a seguir é um exemplo de XMLgerado por uma interface Fale Conosco:
O quadro abaixo exibe somente o XML que será customizado:
A partir do XML acima, pode ser realizada a customização do XSL.
Primeiramente, deve-se criar um novo estilo para a interface Fale Conosco, a partir de um código em branco, trabalhando com os resultados que chegam pela hierarquia de data/row no XML. Utilizando o import ou include DouiControls.xsl , toda a estrutura do formulário será montada. Porém neste tutorial será tratado apenas o controle do botão OK:
Nota:
Com o código XSL acima, tem-se um resultado funcional, porém sem um CSS aplicado para modificar o layout.
Pode-se, portanto, customizar o layout com CSS, deixando-o mais elaborado. Para isso, deve-se utilizar a tag <div> englobando o código XSL, contendo um ID da classe CSSque modificará o layout :
As classes CSS podem estar dentro de tags <style/> ou em um arquivo CSS externo, aplicado na página da interface ou no canal.
No caso acima, o CSS foi criado a parte e aplicado ao canal, e apenas o ID da classe foi referenciado no arquivo XSL.
Abaixo, a classe CSS utilizada:
O resultado é um layout de botão mais elaborado:
