Affichage des articles dont le libellé est ComboBox. Afficher tous les articles
Affichage des articles dont le libellé est ComboBox. Afficher tous les articles

24/11/2011

Sélectionner un label dans un menu déroulant

Avec le composant MX,
il faut utiliser la propriété 'prompt'

<mx:ComboBox ... prompt="Choisissez un élément de la liste" />

Avec le composant Spark,
il faut rajouter la propriété selectedItem

<s:ComboBox ... selectedItem="{{label:'Choisissez...'}}"/>

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>

04/02/2011

Style du combobox

Plein de "subtilité", le combobox est extrêmement personnalisable.

ComboBox
     {

       color : #7b1281;/*couleur du texte*/
       rollOverColor: #dd90dd;/*couleur du fond au survol*/
       textSelectedColor: #7b1281;/*couleur du texte sélectionné*/
       selectionColor: #ffccff;/*couleur du fond sélectionné */
       borderStyle: none;/*suppression de la bordure*/
       fillAlphas: 1.0, 1.0;/*couleur de fond*/
       fillColors: #ffffff, #ffffff;
       dropdownStyleName: comboBoxDropdown;/*renvoi au style nommé*/
     }
.comboBoxDropdown
/*propriété du panneau déroulé
     {
        backgroundColor: #ffffff;   
     }


Pour le tester :
<mx:Script>
   <![CDATA[
      [Bindable]

        public var maListe: Array = [
        {label:"texte1", data:1},
        {label:"Texte2", data:2},

        {label:"Texte3", data:3} ];
      [Bindable]
        public var selectedItem:Object;       
   ]]>

</mx:Script>
<mx:ComboBox
     dataProvider="{maListe}" width="150"
     close="selectedItem=ComboBox(event.target).selectedItem"/>