No MEGA DEMO, frmDEMO_BUTTONS você terá diversos exemplos.




Vamos usar CSS para definir o layout dos botões.


Como já informado anteriormente, o RadCORE já traz diversas classes CSS para que você possa usar diretamente em seus projetos.


btn.hint := 'cls:ButtonRed';



btn.hint := 'cls:ButtonOutline ButtonOutlineRed btn-font-red';




Você pode alterar o CSS de um botão dinamicamente:


rc_ChangeCls( self, btn, 'ButtonOutlineRed', 'ButtonOutlineGreen' , true );



Impedindo a renderização padrão 


É possível "desativar" a configuração padrão do controle de temas e permitir que as cores que você mesmo definir sejam usadas, para isso, basta usar:


[[theme-color:off]]



Atributo "btn:"


A partir da versão 8.3.0.0 o atributo "btn:" foi introduzido para reduzir o uso explícito das classes CSS que formam o botão.



Vejamos os mesmos exemplos acima substituindo o atributo "cls:" por "btn:":


btn.hint := 'btn:red';



btn.hint := 'btn:red outline';



Vamos entender a sintaxe:


btn:red outline rounded


Após o atributo informe a cor, esta cor continua seguindo o padrão das classes CSS que acompanham o RadCORE.

Veja o arq. de CSS padrão: Ex: "ButtonRed", "ButtonOutlinePurple".


O parâmetro "outline" define se a cor interna como branca e as bordas na cor definida.


Em seguinda o parâmetro de arredondamente:round, rounded, roundest.

Created with the Personal Edition of HelpNDoc: Generate EPub eBooks with ease