Jack Fiallos Blog (AkKa Erling) Vida, Curiosidad y Proyectos

Hace unos momentos me preguntaba un compañero de mis contactos por msn que si se podia cambiar el layout o estilo de un Alert en flex, en su inquietud nacio mi curiosidad y le dije que si se podria posiblemente saldria en el style explorer de flex.. y pasa que al buscar estilos para este componente aparece nada, por lo que le dije que no sabia y asi termino algo decepcionado mi compañero.. Al cabo de un rato basto algo de investigacion por la red para descubrir diferentes post donde hablaban sobre como cambiar el aspecto de estos alerts y he aqui el resultado logrado:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<mx:style>
	Alert{
		borderStyle:solid;
		borderColor:#333333;
		background-color:#ffffff;
		backgroundAlpha:0.7;
		titleStyleName:"alertTitle";
		message-style-name:"messageStyle";
		button-style-name:"AlertButtons";
		modalTransparencyColor:#000000;
	}
 
	.alertTitle{
		fontFamily:Verdana;
		fontSize:11;
		color:#333333;
		font-weight:bold;
	}
 
	.messageStyle{
		letterSpacing:0;
		color:#333333;
		textAlign:left;
		fontFamily:Verdana;
		fontSize:11;
		font-weight:normal;
	}
 
	.AlertButtons{
		cornerRadius:4;
		highlightAlphas:0.59, 0.5;
		color:#ffffff;
		textRollOverColor:#ffffff;
		themeColor:#333333;
		fontFamily:Verdana;
		fontSize:11;
		fontWeight:bold;
	}
	</mx:style>

Inclusive hasta el overlay que aparece de background se puede modificar utilizando “modalTransparencyColor”.

Y por si las dudas necesitan algo extra.. dejo el enlace hacia Flex Style Explorer v2

About the author

Erling Fiallos wrote 290 articles on this blog.

Profesional en el Desarrollado de aplicaciones web, usuario de linux, fanático de la tecnología. Arquitecto de interfaces apasionado uso de los estándares web Usabilidad/Accesibilidad.. En el camino he aprendido mucho sobre diseño y me dedico a mejorar las aplicaciones pensando en que toda la web debe de ser accesible para todas las personas. Parte activa en el equipo de desarrollo y consultoría de Qbit Mexhico.

• Blog
• Twitter

Entradas Similares:

1. CSS en tiempo de ejecucion con Flex
2. Código de Errores para Compilador de Flex
3. Libreria de Criptografia para Flex
4. Adobe Flex Builder Linux Alpha 2
5. Adobe Flex camino al OpenSource