2017-10-10 10 views
0

J'ai besoin d'un conseil avec le style du module sélecteur de date en Java FX avec l'aide des classes CSS.Fenêtre contextuelle du sélecteur de date

C'est précisément la fenêtre contextuelle dans laquelle j'ai également utilisé la vue panoramique pour rechercher le code CSS. Mais ne fonctionne pas dans la fenêtre contextuelle. J'ai besoin d'aide pour le style de popup dans la vue du calendrier.

(en utilisant intelijIdea)

Ceci est mon code et la photo ci-jointe.

enter image description here

.date-picker .combo-box { 
-fx-background-insets:0px ; 
-fx-border-width: 0px; 
    } 

.date-picker .text-field{ 
-fx-background-radius:0px ; 
-fx-border-color: transparent; 
} 

.date-picker .arrow-button{ 
-fx-background-radius:0px ; 
-fx-background-color: #232323; 
} 

.date-picker .arrow-button .arrow{ 
-fx-background-radius:0px ; 
-fx-background-color: #1783CC; 
} 

.date-picker .arrow-button:hover .arrow{ 
-fx-background-radius:0px ; 
-fx-background-color: #40a9ef; 
} 

.date-picker .button { 
-fx-background-color: transparent; 
-fx-border-color:transparent; 
-fx-pref-height: 35px; 
-fx-pref-width: 35px; 
} 

.date-picker .button:hover { 
-fx-border-color:transparent; 
-fx-pref-height: 35px; 
-fx-pref-width: 35px; 
} 

.date-picker .button .arrow:pressed { 
-fx-border-color:transparent; 
-fx-pref-height: 35px; 
-fx-pref-width: 35px; 
} 

.date-picker .cell { 
-fx-background-color: #232323; 
-fx-pref-width:20px ; 
-fx-pref-height:25px ; 
} 

.date-picker .cell:hover { 
-fx-background-color: #1783CC; 
-fx-pref-width:20px ; 
-fx-pref-height:25px ; 
} 

.date-picker .cell:focused { 
-fx-background-color:#11659e; 
-fx-pref-width:20px ; 
-fx-pref-height:25px ; 
} 

.date-picker-popup { 
-fx-border-color: #1783CC; 
-fx-background-color: black; 
} 
+0

Vous dites que vous voulez styliser le calendrier contextuel, mais vous n'indiquez pas ce que vous voulez exactement. Pouvez-vous être plus précis sur l'exigence? – ItachiUchiha

+0

@ItachiUchiha Je veux styler tous les composants dans la fenêtre contextuelle du sélecteur de date. Je cherche styleClass du sélecteur de date popup de la barre des boutons, des cellules de la classe des mois, des cellules de l'année, des cellules de jour, des cellules de la semaine, de l'arrière-plan .. et de la pseudo classe. –

Répondre

0

La plupart des classes de style de la fenêtre contextuelle DatePicker se trouvent dans le DatePickerContent.java ou dans l'un des stylesheet thème du JavaFX. Par exemple, si vous utilisez le thème modene alors vous trouverez les ces styleclasses dans modena.css (ligne 2934)

Une solution rapide lors de l'utilisation ScenicView serait d'empêcher la fenêtre de fermeture:

datePicker.setOnHidden(new EventHandler<Event>() { 
     @Override 
     public void handle(Event event) { 
      datePicker.show(); 
     } 
    }); 
+0

merci! modena.css est le bon wa! –