Discussion :

[Mr_Exal]

Bonjour, j'aimerai styliser tous mes ChoiceBox mais je ne vois pas quelle est la propriété à modifier pour coloriser le texte dans le ChoiceBox. Si l'un de vous avais la réponse ça me serait très utile. Sinon je vais continuer mes recherches et posterai quand je l'aurai trouvée.

Merci d'avance !

[jeffray03]

la proprieté

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 setTextFill(Color.RED);

par exemple

[Mr_Exal]

la proprieté

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 setTextFill(Color.RED);

par exemple

Pour l'appliquer dans un css externe c'est bien : -fx-fill:red; non ?
Cela ne fonctionne pas.

Mon fichier css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.choice-box{
-fx-opacity:1;
}
 
.choice-box .text {
-fx-fill:red;
}

edit: Je m'étais planté j'avais appelé .ChoiceBox et non .choice-box ...

edit2: Bon bah non ça ne fonctionne toujours pas

[bouye]

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.choice-box .label {
    -fx-text-fill: red;
}

Quatre façon faciles pour connaitre l'architectures interne d'un contrôle :

• Lire la documentation CSS - cependant, je confirme qu'ici ChoiceBox ne décrit pas son agencement interne et donc on en sait pas que la cellule est un Label.
  

  ChoiceBox
  
  Style class: choice-box
  
  The ChoiceBox control has all the properties and pseudo-classes of Control
  
  Substructure
  
  

  • open-button — Region
    
    • arrow — Region

• Utiliser le CSS Analyzer de SceneBuilder 1.1 beta.
  
• Utiliser ScenicView.
  
• Lire directement le fichier CSS de Caspian - com.sun.javafx.scene.control.skin.caspian.caspian.css dans le fichier jfxrt.jar ce qui permet de voir le style par défaut :
  

  Code css :

  Sélectionner tout - Visualiser dans une fenêtre à part

  1
  2
  3
  4
  .choice-box .label {
      -fx-padding: 0.166667em 0.333333em 0.25em 0.5em; /* 2 4 3 6 */
      -fx-text-fill: -fx-text-base-color;
  }

[Mr_Exal]

Merci pour ces astuces Bouye ! J'avais effectivement cherché mais je n'avais pas vu que c'était un label

[Mr_Exal]

Finalement ça n'a pas le comportement que je voudrais.

en gros j'aimerais que quand la choice box est en disabled que l'opacité soit de 0.8 (pour ça c'est bon) et que le label soit noir.


J'ai donc utilisé .choice-box:disabled .label{-fx-text-fill:black;} mais rien à faire...

[bouye]

Faut tester plusieurs combinaisons

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.choice-box:disabled {
    -fx-opacity: 0.8;
}
.choice-box .label:disabled {
    -fx-text-fill: black;
}

Toujours pareil, en explorant avec ScenicView, on se rend compte que le Label est également disabled quand le ChoiceBox l'est.

[Mr_Exal]

Je vais de ce pas installer Scenic View (je ne l'avais pas fait et maintenant je regrette ).

Merci encore !