Resize text inside a button - css

Question

I'm trying to resize the button text when the window change size, but i don't know how to do that. I'm using NetBeans, JavaFX and Scene Builder.
Look at the images:
The button grows larger but the font size remains the same.

Answer 1

You can use setFont method.
For example
button.setFont(Font.font(40));
to change text style
button.setFont(Font.font("Calibri",FontWeight.BOLD,20));

Answer 2

You can change the scaleX property and scaleY property.
Assuming you are resizing with an outerPane.
final double origHeight = outerPane.getPrefHeight();
final double origWidth = outerPane.getPrefWidth();
button.scaleXProperty().bind(outerPane.widthProperty().divide(origWidth));
button.scaleYProperty().bind(outerPane.heightProperty().divide(origHeight));
You could paste the code different places depending on how you setup your application.
I tested by pasting this into FXMLDocumentController, replacing the empty initialze() that was already there:
#FXML
private Button button;
#FXML
private AnchorPane outerPane;
#Override
public void initialize(URL url, ResourceBundle rb) {
final double origHeight = outerPane.getPrefHeight();
final double origWidth = outerPane.getPrefWidth();
button.scaleXProperty().bind(outerPane.widthProperty().divide(origWidth));
button.scaleYProperty().bind(outerPane.heightProperty().divide(origHeight));
}
Save and compile, then reopen SceneBuilder and set the fx:id in the Code tab on the right for the pane that gets resized to outerPane and the Button to button.

Answer 3

You should bind a value to Font Size and apply it using styleProperty(), like this:
DoubleProperty fontSize22 = new SimpleDoubleProperty(22);
fontSize22.bind(homeButton.widthProperty().add(homeButton.heightProperty()).divide(10));
homeButton.styleProperty().bind(Bindings.concat("-fx-font-size: ", fontSize22.asString(), "px;"));