Comment mettre un background image à un Accordion ?

Version imprimable

Bonjour,

je voudrais ajouter un background image aux headers de mon Accordion, voilà mon code qui ne marche :

Code:

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
        Accordion {
            headerStyleName: "myaccordionHeader";
            headerHeight: 20;
        }
 
        .myaccordionHeader {
            color: blue;
            background-image:"/asset/img/background.png";
            height:20pt;
        }
 
 
 
    <mx:Accordion id="accordion" bottom="0" width="100%" openDuration="50"  >
            <!-- Define each panel using a VBox container. -->
            <mx:VBox label="Accordion Button for Panel 1">
                <mx:Text htmlText="xx" />
            </mx:VBox>
 
            <mx:VBox label="Accordion Button for Panel 2">
                <mx:Text htmlText="xx" />
            </mx:VBox>
 
            <mx:VBox label="Accordion Button for Panel 3">
                <mx:Text htmlText="xx" />
            </mx:VBox>
     </mx:Accordion>

Toutes les styles sont appliqués sauf le backgroud image.. Quelqu'un pourrait m'aider ? merci !

22/04/2010, 14h56
Krazymins

Salut,

Je pense qu'il te faut affecter un headerRenderer à ton header (équivalent du itemRenderer) pour y placer ton image.

Regarde ici

[EDIT] : mon lien n'est pas des plus pertinent
22/04/2010, 15h47
clemoigno

Salut,

background-image n'est pas un style valide de d'AccordionHeader.

Comme le suggère Krazymins, il te faut passer par un headerRenderer. Et dans ce cas, jette un coup d'oeil à la librairie Flexlib et notamment à CanvasButtonAccordionHeader qui te permet de faire un peu ce que tu veux comme header d'accordéons.

Charles.
22/04/2010, 15h51
123quatre

Merci les gars je vais checker ça de plus près ;)

Etant donné que AccodionHeader hérite de Button j'ai ajouté dans les style ce code mais ça ne fonctionne pas non plus:

Code:

1
2
3
4
5
6
7
8
9
10
11
 
		AccordionHeader
		{
			upSkin: Embed(source='/asset/img/bg_list_accordeon.png');
  			overSkin: Embed(source='/asset/img/bg_list_accordeon.png');
			downSkin: Embed(source='/asset/img/bg_list_accordeon.png');
			selectedUpSkin: Embed(source='/asset/img/bg_list_accordeon.png');
			selectedOverSkin: Embed(source='/asset/img/bg_list_accordeon.png');
			selectedDownSkin: Embed(source='/asset/img/bg_list_accordeon.png');
 
		}

22/04/2010, 16h27
Krazymins

As-tu essayé d'utiliser le headerRenderer ?
22/04/2010, 16h48
123quatre

Le code ci dessus marche correctement en fait.. j'avais oublié de corriger quelques erreurs du coup le .air ne se mettait pas à jour après la compilation :|

Mais si j'ai bien compris le style que j'ai utiliser ça revient indirectement à utiliser le headerenderer ?

Merci pour votre aide
22/04/2010, 16h52
Krazymins

Apparemment oui :P

n'oublie pas le tag "résolu"