Styling a JavaFX 2 button using FXML only - How to add an image to a button?

Question

I want to change the styling of a button, most of the threads here and the articles on the internet show how to do it using Java code, which I don\'t see it as a real good s

Answer 1

FXML is used just for designing the layout, for styling you can use css and reference it from your FXML file :

To add an image to a fx:id="btn" button in your css:

#btn {          
    -fx-background-image: url("Add.png");
    -fx-background-size: 18 18;
    -fx-background-repeat: no-repeat;
    -fx-background-position:left;   
}

This Github repository provide a complete running example: