Árvore de páginas

Introdução


O método SetCSS é utilizado para aplicar estilos de CSS (Cascading Style Sheets) personalizados aos componentes visuais do ERP. Esse método permite que você defina estilos de forma programática para um componente específico.

Além disso, ele fornece uma maneira de lidar com conflitos de estilo quando usados em conjunto com os métodos SetFont e SetColor.

Gerenciamento de Conflitos de Estilo


Quando o método SetCSS é usado no mesmo widget que SetFont e SetColor, é importante entender como os conflitos de estilo são tratados:

Se as definições de estilo em SetCSS entrarem em conflito com as definições em SetFont ou SetColor, as definições de SetCSS terão precedência.

Exemplo de Conflito de Estilo:


Considere um cenário em que você deseja definir a cor do texto de um widget:

Aplicando estilo CSS e definindo a cor do Widget
oTSay := TSay():New( 01, 01,{||'TSay Color'},oDlg,,oFont,.T.,.F.,.F.,.T.,CLR_YELLOW,CLR_RED,250,20,.F.,.T.,.F.,.F.,.F.,.F. )
oTSay:SetCSS("QWidget { color: #FF0000; }")
oTSay:SetColor(CLR_GREEN,CLR_YELLOW)


Neste caso, a cor definida pelo SetCSS (#FF0000) terá precedência sobre a cor definida pelo SetColor (CLR_GREEN).

Considerações Finais


O método SetCSS oferece flexibilidade ao permitir a personalização de estilos de widgets no webapp, certifique-se de usá-lo com sabedoria para alcançar a aparência desejada e estar ciente das possíveis precedências de estilo.

  • Sem rótulos