title: HiddenSidesPane fxml example
body: <p>Can Anybody tell me how to construct HiddenSidesPane in FXML not in the controller?</p>
  
  <p>I am having the basic controller code for this but I am not able to understand how to create fxml structure from that.</p>
  
  <p>Can I have something like this? Below code;</p>
  
  <pre><code>&lt;HiddenSidesPane prefWidth="800.0" pinnedSide="TOP"&gt;
              &lt;content&gt;
                  &lt;HBox fillHeight="false" nodeOrientation="RIGHT_TO_LEFT"
                      prefHeight="27.0" prefWidth="800.0" AnchorPane.bottomAnchor="0.0"
                      AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0"
                      AnchorPane.topAnchor="3.0" StackPane.alignment="TOP_RIGHT"&gt;
                      &lt;children&gt;
                          &lt;Label prefHeight="14.0" prefWidth="94.0" text="Value Date From"&gt;
                              &lt;HBox.margin&gt;
                                  &lt;Insets right="2.0" top="5.0" /&gt;
                              &lt;/HBox.margin&gt;
                          &lt;/Label&gt;
                      &lt;/children&gt;
                      &lt;StackPane.margin&gt;
                          &lt;Insets top="2.0" /&gt;
                      &lt;/StackPane.margin&gt;
                  &lt;/HBox&gt;
              &lt;/content&gt;
          &lt;/HiddenSidesPane&gt;
  </code></pre>