lunes, 12 de octubre de 2009

Flex/AIR: Estilos personalizados para Alert

Los diálogos Alert de Flex/AIR no son componentes propiamente dichos, si no un objeto previamente definido por defecto en la interfaz de usuario, que se muestran como un PopUp. Este tipo de diálogo hereda los mismos atributos de visualización que el contenedor padre que lo invoca.

Es posible modificar sus atributos mediante CSS, de la siguiente manera:


<mx:Style>
  .alertTitle{
    color:#aaaaff;
    fontWeight:bold;
  }
  Alert {
    backgroundColor:#AAAAAA;
    backgroundAlpha: 0.8;
    color: #aaaaff;
    borderColor: #000000;
    borderAlpha: 0.8;
    headerHeight:25;
    themeColor: #666666;
    titleStyleName:alertTitle;
    dropShadowEnabled:true;
    shadowDirection:right;
    cornerRadius:10;
  }
</mx:Style>

Pero para que funcione, estos estilos no se deben definir desde un componente, si no desde la aplicación principal (Application en el caso de Flex, y WindowedApplication en el caso de AIR). Los estilos definidos aquí para Alert serán válidos para todos los Alert de la aplicación, en cualquier componente contenido.

Para más información sobre estilos que se pueden aplicar:
http://www.cristalab.com/tips/personalizar-diseno-del-componente-alert-de-flex-con-css-c47959l/