JavaFX GridPane Example

In this tutorial, we will learn how to use the JavaFX GridPane class to create a grid layout in the JavaFX application.

GridPane places its nodes into a grid of rows and columns. Nodes may span multiple rows or columns. GridPane is the most flexible built-in layout pane.

GridPane layout is represented by javafx.scence.layout.GridPane class. We just need to instantiate this class to implement GridPane.

The setGridLinesVisible() enables us to show the lines of the layout grid, which allows us to visually debug the layout.

JavaFX GridPane Layout Example

Let's create an example to demonstrate the use of GridPane Layout:

package com.javafx.examples.layout;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;

public class GridPaneExample extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {
        Label firsName = new Label("First Name");
        Label lastName = new Label("Last Name");
        Label userName = new Label("User Name");
        Label emailId = new Label("Email Id");

        TextField textField1 = new TextField();
        TextField textField2 = new TextField();
        TextField textField3 = new TextField();
        TextField textField4 = new TextField();

        Button Submit = new Button("Submit");

        GridPane root = new GridPane();
        root.setHgap(8);
        root.setVgap(8);
        root.setPadding(new Insets(5));
        Scene scene = new Scene(root, 400, 200);

        root.addRow(0, firsName, textField1);
        root.addRow(1, lastName, textField2);
        root.addRow(2, userName, textField3);
        root.addRow(3, emailId, textField4);
        root.addRow(4, Submit);

        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

Output

Related JavaFX Examples

1. JavaFX GridPane Example
2. JavaFX ColorPicker Example
3. JavaFX DatePicker Example
4. JavaFX MenuBar Example
5. JavaFX Radio Button Example
6. JavaFX TabPane Example
7. JavaFX Accordion Example
8. JavaFX Login Form Validation Example
9. JavaFX Form Validation - Registration Form Validation Example
10. JavaFX Line Chart Example
11. JavaFX Area Chart Example
12. JavaFX Scatter Chart Example
13. JavaFX Bar Chart Example
14. JavaFX Pie Chart Example
15. JavaFX Select and Multi-Select Example
16. JavaFX Check Box Example
17. Java Calculator Project