Binding in Control with "class" Attribute

Binding a classes CSS em visualizações XML por meio do atributo "class" não é suportado diretamente pela UI5. No entanto, uma solução alternativa usando dados personalizados pode ser implementada:

Usando dados personalizados para vinculação

1. Adicione dados personalizados ao seu controle, definindo a propriedade writeToDom e vinculando-os ao expressão desejada:

2. Defina um seletor CSS que direcione o controle com base no valor dos dados personalizados. Por exemplo:

   .myApp .sapText.myControl[data-green] { /* ... */ }

Exemplo

No exemplo a seguir, a classe "green" é adicionada ao controle quando sua propriedade "enabled" é verdadeira:

.myApp .sapText.myControl[data-green] { color: green; }
.myApp .sapText.myControl[data-red] { color: red; }

Considerações

• Embora a vinculação a dados personalizados permita a manipulação de estilos CSS, é importante considerar o seguinte:
• Os estilos CSS personalizados devem ser usados ​​com cautela, pois eles podem afetar a consistência e a manutenção da interface do usuário.
• Explore soluções alternativas, como o uso de classes semânticas ou formatadores personalizados, antes de recorrer a formatos personalizados CSS.