title: How to load fxml file inside Pane?
body: <p><a href="https://i.stack.imgur.com/DhJ7Z.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DhJ7Z.png" alt="enter image description here"></a></p>
  
  <p>If we have a <code>Stage</code> then <code>Scene</code> includes 2 <code>Pane</code>s
  the 1st <code>Pane</code> contains <code>Button</code> and the 2nd <code>Pane</code> is empty
  could we load other fxml file inside this 2nd <code>Pane</code>?</p>
  
  <pre><code>fxml1: VBox
                 |_Pane1--&gt;Button
                 |_Pane2
  ///////////////
  fxml2: Pane--&gt; Welcome to fxml 2
  "when we click the button load the fxml2 inside Pane2 of fxml1"
  </code></pre>
  
  <p>Then after click</p>
  
  <p><a href="https://i.stack.imgur.com/S6i4S.png" rel="noreferrer"><img src="https://i.stack.imgur.com/S6i4S.png" alt="enter image description here"></a></p>
  
  <hr>
  
  <p>====I finally found this works after trying !====Thank you guys</p>
  
  <pre><code>@FXML Pane secPane;
  public void loadFxml (ActionEvent event) {
  Pane newLoadedPane =        FXMLLoader.load(getClass().getResource("/application/fxml2.fxml"));
  secPane.getChildren().add(newLoadedPane); 
  }  
  </code></pre>