How to fit children to parent?

Question

I'm working on project where I use JavaFX to create a desktop app. I have a small problem.

I created a home.fxml there is the code:

I made an anchor pane, next I made the menu bar on left using VBox. A small pane on top to show user info, etc. Finally, my biggest problem, the main pain where I want to show other fxml files for the user, so I wrote this piece of code:

package gui;

import java.io.IOException;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.application.Platform;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.fxml.Initializable;
import javafx.scene.Node;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javax.swing.JOptionPane;

/**
 * FXML Controller class
 *
 * @author khali
 */
public class HomeController implements Initializable {

    @FXML
    private Pane content;
    @FXML
    private VBox menu;
    private static Pane SOS;
    @FXML
    private Button decon;

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        for (Node n : menu.getChildren()) {
            if (n.getAccessibleText() != null) {
                n.addEventHandler(MouseEvent.MOUSE_CLICKED, e -> {
                    try {
                        switch (n.getAccessibleText()) {
                            case "Mes Stages":
                                Node stage = FXMLLoader.load(getClass().getResource("Stage.fxml"));
                                stage.setLayoutX(content.getLayoutX());
                                stage.setLayoutY(content.getLayoutY());
                                content.getChildren().setAll(stage);
                                break;

                            case "Mes formations":
                                Node formation = FXMLLoader.load(getClass().getResource("Formation.fxml"));
                                content.getChildren().setAll(formation);
                                break;

                            case "Quiz":
                                Node quiz = FXMLLoader.load(getClass().getResource("HomeQuiz.fxml"));
                                quiz.setLayoutX(content.getLayoutX());
                                quiz.setLayoutY(content.getLayoutY());
                                quiz.computeAreaInScreen();
                                content.getChildren().setAll(quiz);
                                break;

                            case "biblio":
                                Node biblio = FXMLLoader.load(getClass().getResource("BibliothequeFXML.fxml"));
                                content.getChildren().setAll(biblio);
                                break;

                            case "mon profil":
                                Node profil = FXMLLoader.load(getClass().getResource("ProfilEtudiant.fxml"));
                                content.getChildren().setAll(profil);
                                break;

                            case "deconnexion":
                                Stage stage1 = (Stage) decon.getScene().getWindow();
                                stage1.close();
                                try {

                                    Parent parent1 = FXMLLoader.load(getClass().getResource("Authentification.fxml"));
                                    Scene scene = new Scene(parent1);
                                    stage1.setScene(scene);
                                    stage1.setTitle("Mon Stage");
                                    stage1.show();
                                } catch (IOException ex) {
                                    System.out.println(ex.getMessage());
                                }

                                break;

                        }
                    } catch (Exception ee) {
                    }
                    SOS = content;
                });
            }
        }
    }

    public void showQuiz() throws IOException {
        content = SOS;
        Node add = FXMLLoader.load(HomeController.class.getResource("afficherQuestions.fxml"));
        content.getChildren().setAll(add);

    }

    public void showPasserTest() throws IOException {
        System.out.println(content);
        content = SOS;
        Node add = FXMLLoader.load(HomeController.class.getResource("choisirDomaine.fxml"));
        content.getChildren().setAll(add);
        SOS = content;
    }

    public void sendToQuizMain() throws IOException {
        content = SOS;
        Node add = FXMLLoader.load(HomeController.class.getResource("HomeQuiz.fxml"));
        content.getChildren().setAll(add);
    }

}

My problem is that the loaded fxml never fit into my main pane, like it's shown in the following pictures:
full screen form
small screen form

Don't mind the green background, it's just for testing.

I'm thinking to set that Resizable option to false and set the views manually.

user_6535384 · Answer

"fit to parent" is a feature of scenebuilder that allows to adjust the size of an anchor pane child to the size of the anchor pane. If this is what you want you could replace the pane called "content" by an anchor pane, size the anchor pane to whatever you like and then use the "fit to parent" on an anchor pane's child node.

Another solution is to set the anchor constraints of an anchor pane's child to 0:

This can easily be applied to any dynamically loaded (parent) nodes if you are working with FXMLLoader.

How to fit children to parent?

1 Answers