How to make a gridpane scrollable?

Question

Has anyone been successful in trying to make a gridpane scrollable? How'd you do it?

Answer 1

You can achieve this by wrapping your GridPane inside a ScrollPane.

Ideally you can edit it in the fxml file in scene builder and make the ScrollPane the parent, and the GridPane the child.

Or you can modify it in the code:
ScrollPane scrollPane = new ScrollPane(gridPane);
scrollPane.setFitToWidth(true);
scrollPane.setFitToHeight(true);

Comments

Thanks!

Answer 2

Another possibility to consider would be to include the 3rd party "ControlsFX" library in your project.

The GridView component looks rather promising, depending on the UI design you're trying to accomplish... https://controlsfx.github.io/features/gridview/

Comments

Thank you Dr. Stonedahl!

Answer 3

You can use a scorllview and then include the gridpane within that

Answer 4

I put all of the cards into a flowPane and I put the flowPane into a scrollPane. It wont start scrolling and it won't show the scrollbar until you add enough cards to scroll off of the page, this messed me up for a little bit.

Answer 5

you can embed the Grid Pane within a ScrollPane. You should also use the setFitToWidth(true) and setFitToHeight(true) to ensure that the content of the GridPane resizes to fit the available space within the ScrollPane.