Enlazar en control con el atributo "clase"

UI5 no admite directamente el enlace a clases CSS en vistas XML a través del atributo "clase". Sin embargo, se puede implementar una solución alternativa utilizando datos personalizados:

Usar datos personalizados para vincular

1. Agregue datos personalizados a su control, configurando la propiedad writeToDom y vinculándola al expresión deseada:

2. Defina un selector CSS que apunte al control en función del valor de datos personalizado. Por ejemplo:

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

Ejemplo

En el siguiente ejemplo, la clase "verde" se agrega al control cuando su propiedad "enabled" es verdadera:

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

Consideraciones

• Si bien vincular datos personalizados permite manipular estilos CSS, es importante considerar lo siguiente:
• Los estilos CSS personalizados deben usarse con precaución, ya que pueden afectar la coherencia y el mantenimiento de la interfaz de usuario.
• Explore soluciones alternativas, como el uso de clases semánticas o formateadores personalizados, antes de recurrir a CSS personalizado.