title: JavaFX auto scaling
body: <p>I want, when I increase the window, that the elements also get bigger.</p>
  
  <p>See here: <img src="https://i.stack.imgur.com/APUFH.png" alt="See here"></p>
  
  <p>I'm using JavaFX Scenebuilder 2.0: <img src="https://i.stack.imgur.com/XCSdd.png" alt="enter image description here"></p>
  
  <p><strong>Start.fxml</strong> :
      </p>
  
  <pre><code>&lt;?import javafx.scene.effect.*?&gt;
  &lt;?import javafx.scene.control.*?&gt;
  &lt;?import java.lang.*?&gt;
  &lt;?import javafx.scene.layout.*?&gt;
  &lt;?import javafx.geometry.Insets?&gt;
  &lt;?import javafx.scene.layout.GridPane?&gt;
  &lt;?import javafx.scene.control.Button?&gt;
  &lt;?import javafx.scene.control.Label?&gt;
  
  &lt;AnchorPane cacheHint="SCALE" focusTraversable="true" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller"&gt;
     &lt;children&gt;
        &lt;Button fx:id="delteRowBtn" layoutX="25.0" layoutY="272.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#delRowAction" prefHeight="30.0" prefWidth="51.0" text="Zeile" /&gt;
        &lt;Button fx:id="addColumnBtn" layoutX="193.0" layoutY="272.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#addColumnAction" prefHeight="30.0" prefWidth="51.0" text="Spalte" /&gt;
        &lt;Button fx:id="moveBtn" layoutX="258.0" layoutY="272.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" prefHeight="30.0" prefWidth="90.0" text="MOVE" /&gt;
        &lt;Button fx:id="linkBtn" layoutX="363.0" layoutY="272.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" prefHeight="30.0" prefWidth="90.0" text="LINK" /&gt;
        &lt;Button fx:id="splitBtn" layoutX="468.0" layoutY="272.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" prefHeight="30.0" prefWidth="90.0" text="SPLIT" /&gt;
        &lt;Button fx:id="tcodeBtn" layoutX="574.0" layoutY="272.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" prefHeight="30.0" prefWidth="90.0" text="TRANSCODE" /&gt;
        &lt;Button fx:id="cnvrtBtn" layoutX="679.0" layoutY="272.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" prefHeight="30.0" prefWidth="90.0" text="CONVERT" /&gt;
        &lt;Button fx:id="saveBtn" layoutX="684.0" layoutY="551.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#saveAction" prefHeight="30.0" prefWidth="90.0" text="SAVE" /&gt;
        &lt;TableView fx:id="sourceTable" editable="true" layoutX="17.0" layoutY="40.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="190.0" prefWidth="766.0" /&gt;
        &lt;TableView fx:id="finalTable" layoutX="17.0" layoutY="348.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="190.0" prefWidth="766.0" /&gt;
        &lt;Button fx:id="openBtn" layoutX="572.0" layoutY="551.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#openAction" prefHeight="30.0" prefWidth="90.0" text="OPEN" /&gt;
        &lt;TextField fx:id="srcInput" editable="false" layoutX="69.0" layoutY="551.0" prefHeight="30.0" prefWidth="495.0" /&gt;
        &lt;TextField editable="false" layoutX="17.0" layoutY="11.0" text="Source File" /&gt;
        &lt;TextField editable="false" layoutX="17.0" layoutY="319.0" text="Converted File" /&gt;
        &lt;Button fx:id="delteColumnBtn" layoutX="77.0" layoutY="272.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#delColumnAction" prefHeight="30.0" prefWidth="51.0" text="Spalte" /&gt;
        &lt;Button fx:id="addRowBtn" layoutX="141.0" layoutY="272.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#addRowAction" prefHeight="30.0" prefWidth="51.0" text="Zeile" /&gt;
        &lt;Label contentDisplay="CENTER" layoutX="140.0" layoutY="248.0" prefHeight="25.0" prefWidth="104.0" text="    HINZUFÜGEN" textAlignment="CENTER" /&gt;
        &lt;Label contentDisplay="CENTER" layoutX="24.0" layoutY="248.0" prefHeight="25.0" prefWidth="104.0" text="      LÖSCHEN" textAlignment="CENTER" /&gt;
     &lt;/children&gt;
  &lt;/AnchorPane&gt;
  </code></pre>