Boa tarde, tudo bem?
Se possível, gostaria de saber mais sobre como utilizar CSS na estilização de campos e botões. É possível estilizar livremente um botão ou um campo TextBox apenas adicionando uma classe CSS ao formulário e vinculando um arquivo CSS?
Tentei fazer dessa forma, mas não consegui alterar a aparência dos componentes. Se puderem me orientar, gostaria de entender se essa funcionalidade realmente tem esse propósito ou se ela é destinada a outro tipo de utilização.
Desde já, agradeço pela ajuda!
Olá, @willyam.lima!
Você está correto!
A propriedade destacada tem como objetivo disponibilizar a possibilidade de adicionar um classe CSS conhecida, para que possa ser estilizada usando um Arquivo CSS ou CSS Público.
Busque usar nomenclaturas de classes únicas, para evitar conflitar com os nomes já usados, pela plataforma. Por exemplo, mescle o significado do componente com uma sigla que identifique o produto ou empresa 'la-btn'.
Possivelmente notou que a propriedade Classe CSS só existe para o componente Button. Para localizar os demais componentes, via CSS. Pode usar o seletor abaixo:
div[data-field-name="NOME_DO_CAMPO"] {
/*CODE BLOCK*/
}
Esse seletor é a melhor forma de capturar um campo especifico, em formulário LATROMI. Existem classes CSS mais abrangentes ao tipo do campo, verifique alguns deles abaixo:
| Campo |
Classe CSS |
| NumericTextBox |
numerictextboxWrapper |
| TextBox |
textboxWrapper |
| ComboBox |
comboboxWrapper |
Quando perceber que um estilo aplicado, nos CSS personalizados, não foi computado corretamente, use declaração: !important. Mas atenção ao usar múltiplas vezes essa declaração, pois pode ocasionar comportamentos inesperados de estilo.
