FLEX + CSS + DateField : probleme

Version imprimable

27/05/2008, 15h33
Lorenzo77

FLEX + CSS + DateField : probleme

salut,

j'ai crée un fichier CSS qui doit donner un tout nouvel aspect a une appli Flex, tous les composants sont skinés avec des CSS mais j'ai un problème avec le DateField qui appelle le DateChoser !
quand le DateChoser est inséré sur la scène, pas de problème, celui ci a bien un fond bleue avec un texte blanc, par contre quand le DateChoser est appelé depuis le DateField son fond est blanc avec le texte blanc :roll:

je joins les fichiers de test du problème.
quelqu'un comprend le pourquoi de ce comportement bizarre ?

merci

-----------
src.rar = les sources (CSS+MXML)
problemeDateField.rar = le SWF

il faut spécifier a ton DateField le Style du DateChooser :

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
DateField{
   date-chooser-style-name : myDateChooser;
}
.myDateChooser {
   cornerRadius: 6;
   borderThickness: 1;
   headerColors: #003366, #0099cc;
   highlightAlphas: 0.63, 0;
   fillAlphas: 0.6, 0.4, 0.6, 0.52;
   fillColors: #0099cc, #003366, #003366, #0099cc;
   todayColor: #006699;
   rollOverColor: #006699;
   selectionColor: #00ccff;
   color: #ffffff;
   borderColor: #006699;
   backgroundColor: #0099cc;
   themeColor: #006699;
   dropShadowEnabled: true;
   shadowDistance: 4;
   shadowDirection: right;
   dropShadowColor: #000000;
   fontFamily: Verdana;
   fontSize: 10;
   fontWeight: normal;
   headerStyleName: "mydateChooserHeaderStyle";   weekDayStyleName: "mydateChooserWeekDayStyle";   todayStyleName: "mydateChooserTodayStyle";
}

et par conséquent modifier le style du datechooser avec la propriété StyleName :

Code:

1
2
  <mx:DateField width="100"/>
  <mx:DateChooser styleName="myDateChooser"/>

;)

27/05/2008, 19h37
Lorenzo77

merci Jim :D

Code:

date-chooser-style-name : DateChooser;

a suffit a régler le probleme , je ne sais pas comment tu as fais pour connaitre cette propriété car elle n'est meme pas listé dans la DOC des styles du DateField 8O
28/05/2008, 09h08
Jim_Nastiq

J'ai ouvert la classe DateField et j'ai regardé les propriétés de styles présentes ;)