Styling default JavaFX Dialogs

by

You can style your dialogs with your own css file, but for that you need to take into consideration that the dialog is in fact a new stage, with a new scene, and the root node is a DialogPane instance.

So once you create some dialog instance:

@Override
public void start(Stage primaryStage) {        
    Alert alert = new Alert(AlertType.CONFIRMATION);
    alert.setTitle("Confirmation Dialog");
    alert.setHeaderText("This is a Custom Confirmation Dialog");
    alert.setContentText("We override the style classes of the dialog");
    ...
}

you can access to its dialog pane and add your own style sheet and your own class selector:

DialogPane dialogPane = alert.getDialogPane();
dialogPane.getStylesheets().add(
   getClass().getResource("myDialogs.css").toExternalForm());
dialogPane.getStyleClass().add("myDialog");

Now the trick is knowing all the rules a Dialog style sheet has implemented by default.

And that’s a difficult task… since they are not in the modena.css file, as for all the regular controls. On the contrary, they are found in the modena.bss file, a binary file located in the jfxrt.jar under private packages.

After some digging I’ve managed to get those rules, so your custom myDialogs.css file will look something like this:

.myDialog{
    -fx-background-color: #f9d900;
}
.myDialog > *.button-bar > *.container{
    -fx-background-color: #a9e200;
}
.myDialog > *.label.content{
    -fx-font-size: 14px;
    -fx-font-weight: bold;
}
.myDialog:header *.header-panel{
    -fx-background-color: #a59c31;
}
.myDialog:header *.header-panel *.label{
    -fx-font-size: 18px;
    -fx-font-style: italic;
    -fx-fill: #292929;
}

And you will have your styled dialog:

Styled dialog

Note that being a bss file under private packages, these selectors can change without notice in future releases.

EDIT

I’ve just found that the .dialog-pane selector is already part of modena.css in the last 8u40 early versions, so you can find all the selectors and rules applied to the dialog pane there.

More Related Contents:

  1. Adding a custom component to SceneBuilder 2.0
  2. Java 8 U40 TextFormatter (JavaFX) to restrict user input only for decimal number
  3. How to get stage from controller during initialization?
  4. JavaFX 8 – Zooming Relative to Mouse Pointer
  5. TableView: adjust number of visible rows
  6. Copiable Label/TextField/LabeledText in JavaFX
  7. Colouring table row in JavaFX
  8. Update JavaFX Live nodes outside Application Thread
  9. JavaFX8 fxml naming of nested controllers
  10. Line Chart Live update
  11. Error invoking method, failed to launch jvm
  12. Drag and Drop working differently in Java 11 vs Java 8
  13. Passing Parameters JavaFX FXML
  14. How do I determine the correct path for FXML files, CSS files, Images, and other resources needed by my JavaFX Application?
  15. Javafx – Can application class be the controller class
  16. How to write a KeyListener for JavaFX
  17. JavaFX 2.1 TableView refresh items
  18. JavaFX How to set scene background image
  19. How to understand and use “ , in JavaFX?
  20. How do I remove the default border glow of a JavaFX button (when selected)?
  21. Value Change Listener for JavaFX’s TextField
  22. Basic JUnit test for JavaFX 8
  23. JavaFX 2 TableView : different cell factory depending on the data inside the cell
  24. JavaFX table- how to add components?
  25. Internal Frames in JavaFX
  26. JavaFX – create custom button with image
  27. Adding borders to GridPane JavaFX
  28. Can not work with MediaPlayer class, javafx.media is not found
  29. running JavaFX application after jpackage
  30. How do you use a JavaFX TableView with java records?

Leave a Comment