Padrão de Design Genexus ControllerWeb

• Data Criação : 10/01/2018

[X] - Utilização de ícons padrão Glyphicon e FontAwesome;

[ ] - Melhorar segurança(conforme papeis) dos Menus superiores;

[ ] - Aprovar Menu com Edward;

1. Padrão dos CRUDS(insert, update, delete) com Pattern wwplus;

   • A classe do botão é "bottom_actions" , bottom com m

   

   • Observar bem a posição do componente Error Viewer

   

   Alterado em 23/01/2018 ( Fundo Branco e Cinza nos selections e botões com icones )

   Exemplo de chamada no evento Start:

   lblIcon.Caption = PIcone.Udp('ico1', 'ico_direita glyphicon glyphicon-floppy-disk')
    lblIconFechar.Caption = PIcone.Udp('ico2', 'ico_direita_preto glyphicon glyphicon-share-alt')
    lblIconFecharVenda.Caption = PIcone.Udp('ico3', 'ico_direita glyphicon glyphicon-floppy-disk')
    
    If &Mode = 'DLT'
    	lblIconEliminar.Caption = PIcone.Udp('ico4', 'ico_direita_preto glyphicon glyphicon-handshake-o')
    	lblIconFecharVenda.Caption = ''
    Else
    	lblIconEliminar.Caption = ''
    Endif
   

   As classes ico_direita , e ico_direita_preto apenas posicionam o icone a direita com textos brancos ou preto. Estão lá no Thema.

   

   

2. Padrão das TRANSACTIONS;

   

3. Padrão dos Prompts;

   

4. Padrão de Webpanels;

   Exemplo 1: wbaixareceberlancto

   

   Exemplo 2: WNotadeCompPreco

   

   

5. Padrão dos Relatórios;

   

6. Padrão dos Menus;

7. Principais Classes utilizadas;

   btn btn-primary - Botão Verde Escuro do Confirmar

   espaco_ico_esquerdo - Espaço do ícone esquerdo do botão

   btn btn-default - Botão Cinza com texto Preto ( Eliminar, Fechar )

   MarginLeft5px - Espaço Esquerdo entre os botões

   padding_right_zero - Cabeçalho de alguns ww sem o botão "Mais Opções"

8. Fontes e components CSS/JAVASCRIPT utilizados;

   PIcone.Udp('ico1', 'ico_direita glyphicon glyphicon-floppy-disk') - Retorna o HTML da tag

   PRetornaMegaMenu() - Retorna o HTML do Menu Superior padrão Mega Menu

   PRCMontaMsg.Call(&MessagesTela, lblMensagens.Caption) - Retorna o HTML das mensagens(ALERT) padrão BOOTSTRAP

   Exemplo de uso(PRCMontaMsg):

    Sub 'Show Messages'
   
    	lblMensagens.Caption = ''
    	&MessagesTela = New()
    	For &Message in &Messages
    		&Erro = New Messages.Message()
    		if not &Message.Id.IsEmpty()
    			&Erro.Description = Format('ERRO: %1 - %2', &Message.Id, &Message.Description)
    		Else
    			&Erro.Description = Format('ERRO: %1', &Message.Description)
    		Endif			
    		&MessagesTela.Add(&Erro)
    		PRCMontaMsg.Call(&MessagesTela, lblMensagens.Caption)
    	EndFor
   

   EndSub