Comunidad de diseño web y desarrollo en internet online

Cambiar color y forma del borde de un componente combobox

Citar            
MensajeEscrito el 18 Jul 2007 12:36 am
Desde hace tiempo estoy buscando como cambiar la apariencia de un combobox, pero solo encontre como cambiar la apariencia del botón con la flecha:
http://www.cristalab.com/tutoriales/164/cambiar-el-skin-de-los-componentes-v2-de-flash

y los cambios de estilo global o funcionan para el combobox
http://www.cristalab.com/tutoriales/28/personalizacion-de-los-componentes-de-flash

pero segui buscando y encontre como cambiar el borde de un combobox.

Código :

_global.styles.ComboBox = new mx.styles.CSSStyleDeclaration(); // inicializa estilos del combo

// con las siguientes líneas substituyo los movieclips que forman el boton flecha del combo
ComboBox.prototype.ComboDownArrowDisabledName = "ComboDownArrowDisabled";
ComboBox.prototype.ComboDownArrowDownName = "ComboDownArrowDown";
ComboBox.prototype.ComboDownArrowUpName = "ComboDownArrowUp";
ComboBox.prototype.ComboDownArrowOverName = "ComboDownArrowOver";

// con las siguientes líneas redefino el estilo global de todos los componentes
_global.style.setStyle("fontFamily" , "Arial");   // estilo fuente
_global.style.setStyle("fontSize", "15");      // tamaño fuente 
_global.style.setStyle("color", 0xFFFFFF);       // color fuente
_global.style.setStyle("fontWeight", "bold");
_global.style.setStyle("textAlign", "center");
_global.style.setStyle("themeColor" , 0xCF52BF); // haloOrange, "GabyPink"
_global.style.setStyle("backgroundColor", 0xf2b4eb);
_global.style.setStyle("rollOverColor", 0xCF52BF);
_global.style.setStyle("selectionColor", 0xFBE6F8);
_global.style.setStyle("shadowColor", 0xf2b4eb);
_global.style.setStyle("borderStyle", "solid"); //  none, inset, outset, or solid
// la siguiente linea no cambia el borde de la caja de texto del combo
_global.style.setStyle("borderColor", 0xFFFFFF); // borde de caja lista 

// y ahora para cada combo en el escenario hay que declarar lo siguiente
CboGaby.textField.setStyle("borderStyle", "solid");
CboGaby.textField.setStyle("borderColor", 0xFFFFFF);



el ejemplo del borde lo tome de:
http://www.websector.de/blog/2007/03/20/issue-with-skinning-a-combobox-highlight-border/

y así se ve el borde:

Por gabynufe

Claber

446 de clabLevel



 

México, D.F.

msie7
Citar            
MensajeEscrito el 29 Abr 2010 11:45 am
Muchas Gracias!

Por arix

20 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.