22/06/2011

Application de styles sur un DropDownList (spaks)

Sans passer par un un habillage, on peux personnaliser ce 'nouveau' comboBox uniquement par les couleurs

<fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";

/* Dans DropDownList, on déclare les propriétés générales du composant, couleur principale, couleur de l’icône flèche*/

        s|DropDownList
        {
            chrome-color: #000000;
            symbol-color: #ff0000;
           
        }

/* Dans DropDownList#labelDisplay, on précise les propriétés  du texte apparaissant quand la liste est fermée*/
        s|DropDownList #labelDisplay
        {
            font-weight:bold;
            color:#fc9c05;
            font-style:italic;
           
        }

/* Dans DropDownList:open, on déclare les propriétés de la liste ouverte : taille, couleur, couleur d'arriere plan au survol et à la sélection*/
        s|DropDownList:open
        {
            font-size:12;
            color:#000000;
            content-background-color:#fba807;
            roll-over-color:#babfa1;
            selection-color:#fdcb6a;
            symbol-color:#01fd48;
           
        }
       
    </fx:Style>

Aucun commentaire:

Enregistrer un commentaire