Open the menu

    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:

    using_lum_okbutton_control_001

    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:

    using_lum_okbutton_control_002