javaFX 2.0 set component to full width and height of immediate parent

Question

How can I make a TextArea take the full width and height of the parent pane.

I tried this:

TextArea textArea = new TextArea();
textArea.setScaleX( 100 );
textArea.setScaleY( 100 );

but the element defined in the top via parent.setTop(...) was covered.
Reducing the scaleY had no effect.

What else do I have to do to achieve this?

Thanks

score 34 · Answer 1 · edited Sep 30 '16 at 20:38

The MAX_VALUE solution is a bit hacky and could cause performance issues. Also, the answer to this could depend on what your parent container is. Anyway, a better way to do it would be like this:

textArea.prefWidthProperty().bind(<parentControl>.prefWidthProperty());
textArea.prefHeightProperty().bind(<parentConrol>.prefHeightProperty());

You may also want to bind the preferred properties to the actual properties, especially if the parent is using it's computed dimensions rather than explicit ones:

textArea.prefWidthProperty().bind(<parentControl>.widthProperty());
textArea.prefHeightProperty().bind(<parentConrol>.heightProperty());

It's also possible to do this without using binding by overriding the layoutChildren() method of the parent container and calling

textArea.resize(getWidth(), getHeight());

Don't forget to call super.layoutChildren()...

How to set in `.fxml` file? – Faizan Mubasher Feb 20 '20 at 12:01 — Faizan Mubasher, Feb 20 '20 at 12:01
Was wondering as well how to set this in `.fxml` – Nephty Mar 23 '23 at 09:58 — Nephty, Mar 23 '23 at 09:58

score 17 · Accepted Answer · answered May 30 '11 at 15:54

17

solved with this

textArea.setPrefSize( Double.MAX_VALUE, Double.MAX_VALUE );

answered May 30 '11 at 15:54

Farouk Alhassan

3,780
9
51
74

I used this on a toolbar but it made the toolbar disappear :( – ShoeLace1291 Mar 27 '18 at 21:34
4

No, this doesn't work. Maybe it will work accidentially, but for sure this is not "the right way". – Clerenz Apr 09 '19 at 12:23
It worked for me by adding the node into a VBox and setting the width to Double.MAX_VALUE. For more information: https://docs.oracle.com/javafx/2/layout/size_align.htm – Jitendra Kumar Apr 18 '21 at 10:35

score 5 · Answer 3 · answered Aug 01 '11 at 17:45

You achieve this by placing the TextArea in a BorderPane.

Stage stage = new Stage();
stage.setTitle("Resizing TextArea");

final BorderPane border = new BorderPane();
Scene scene = new Scene(border);

TextArea textArea = new TextArea();
textArea.setStyle("-fx-background-color: #aabbcc;");

border.setCenter(textArea);

primaryStage.setScene(scene);
primaryStage.setVisible(true);

You can also place it inside an HBox or a VBox. Then resizing is limited to horizontal/vertical direction. Not sure if this is an issue.

score -2 · Answer 4 · answered Nov 29 '16 at 15:33

-2

<TextArea style="-fx-pref-height: 10px;"/>

answered Nov 29 '16 at 15:33

Jeeva

1,029
3
15
21

score -4 · Answer 5 · answered May 30 '11 at 18:21

-4

you can do that with creating a css file.

textarea
{
width://your width
}

answered May 30 '11 at 18:21

Mahdi_Nine

14,205
26
82
117

javaFX 2.0 set component to full width and height of immediate parent

5 Answers5