Button style with image

Question

I was wondering How one can achieve following button style where text resides underneath of image in JavaFx?

I tried a lot but all in vain. Any help would be appreciate

Answer 1

The key is the contentDisplay property, set it to "TOP".

With fxml:

Or CSS:

.your-selector {
    -fx-content-display: top;
}

Check the CSS reference here.