I am having fxml file which will show popup bottom right. But at first my fxml size is some what 500*700. If I make that file to maximum then, that HBox should go to bottom-right but right now it is sticking at its initial position.
How can I make that HBox floating as per the screen?
<?xml version="1.0" encoding="UTF-8"?>
<VBox minHeight="600.0" prefWidth="800.0" stylesheets="#NonRepudiation.css" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
<children>
<!-- <HBox> -->
<!-- <padding> -->
<!-- <Insets bottom="5.0" left="5.0" right="5.0" top="20.0" /> -->
<!-- </padding> -->
<!-- </HBox> -->
<HBox>
<children>
<TitledPane animated="true" layoutY="34.0" minWidth="-Infinity" prefHeight="580.0" prefWidth="366.0" style="-fx-font-weight: bold;" text="Filter Criteria" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="64.0">
<content>
<AnchorPane maxWidth="-Infinity" minWidth="-Infinity" prefHeight="580.0" prefWidth="356.0">
<children>
<TitledPane animated="true" minWidth="-Infinity" style="-fx-font-weight: bold;" styleClass="hiddenHeader" text="Filter Criteria" translateX="-20.0">
<font>
<Font name="Calibri Bold" size="11.0" />
</font>
</TitledPane>
<VBox prefHeight="580.0" prefWidth="359.0" style="-fx-font-weight: bold;">
<children>
<TitledPane animated="true" prefHeight="145.0" prefWidth="359.0" style="-fx-font-weight: bold;" styleClass="custom-pane" text="Quick Search">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="90.0" prefWidth="357.0">
<children>
<VBox layoutX="10.0" layoutY="20.0">
<children>
<!--<HBox layoutX="10.0" layoutY="0.0" prefHeight="35.0"
prefWidth="318.0" spacing="8.0" styleClass="vbox-column"> <children> <Label
prefHeight="14.0" prefWidth="94.0" text="Value Date From"> <HBox.margin>
<Insets right="2.0" top="5.0" /> </HBox.margin> </Label> <DatePicker prefWidth="94.0"
/> <Label prefHeight="14.0" prefWidth="20.0" text=" To"> <HBox.margin> <Insets
top="5.0" /> </HBox.margin> </Label> <DatePicker prefWidth="94.0" /> </children>
<padding> <Insets top="10.0" /> </padding> </HBox> -->
<HBox layoutX="10.0" layoutY="20.0" prefHeight="35.0" prefWidth="345.0" spacing="8.0" styleClass="vbox-column">
<children>
<Label prefHeight="14.0" prefWidth="91.0" text="Deal Number">
<HBox.margin>
<Insets right="2.0" top="5.0" />
</HBox.margin>
</Label>
<TextField fx:id="dealNumber" prefWidth="160.0" />
</children>
<padding>
<Insets top="10.0" />
</padding>
</HBox>
<HBox layoutX="10.0" layoutY="50.0" prefHeight="35.0" prefWidth="345.0" spacing="8.0" styleClass="vbox-column">
<children>
<Label prefHeight="14.0" prefWidth="91.0" text="Digest Reference">
<HBox.margin>
<Insets right="2.0" top="5.0" />
</HBox.margin>
</Label>
<TextField fx:id="digestReference" prefWidth="160.0" />
<Button maxHeight="-Infinity" minHeight="22.0" mnemonicParsing="false" onAction="#onQuickSearch" styleClass="advancedRedButton" text="Search" />
</children>
<padding>
<Insets top="10.0" />
</padding>
</HBox>
</children>
</VBox>
</children>
</AnchorPane>
</content>
</TitledPane>
<TitledPane animated="true" prefHeight="430.0" prefWidth="359.0" style="-fx-border-width: 1 1 0 1;" styleClass="custom-pane" text="Advanced Search">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="580.0" prefWidth="357.0">
<children>
<HBox layoutX="7.0" layoutY="1.0" prefHeight="336.0" prefWidth="341.0">
<children>
<GridPane hgap="3.0" layoutX="6.6" layoutY="40.0" prefHeight="223.0" prefWidth="341.0" vgap="1.0" AnchorPane.bottomAnchor="30.0" AnchorPane.leftAnchor="-3.0" AnchorPane.rightAnchor="-10.0" AnchorPane.topAnchor="51.0">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" maxWidth="132.99999237060547" minWidth="10.0" prefWidth="122.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="101.0" minWidth="10.0" prefWidth="92.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints maxHeight="43.0" minHeight="7.0" prefHeight="22.0" vgrow="SOMETIMES" />
<RowConstraints maxHeight="88.0" minHeight="10.0" prefHeight="28.0" vgrow="SOMETIMES" />
<RowConstraints maxHeight="107.0" minHeight="10.0" prefHeight="29.0" vgrow="SOMETIMES" />
<RowConstraints maxHeight="119.0" minHeight="10.0" prefHeight="29.0" vgrow="SOMETIMES" />
<RowConstraints maxHeight="133.0" minHeight="0.0" prefHeight="20.0" vgrow="SOMETIMES" />
<RowConstraints maxHeight="138.0" minHeight="0.0" prefHeight="79.0" vgrow="SOMETIMES" />
</rowConstraints>
<children>
<Text strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-weight: bold; -fx-font-size: 14px;" text="Field" textAlignment="CENTER" wrappingWidth="35.9765625" GridPane.halignment="CENTER" GridPane.valignment="CENTER">
</Text>
<Text strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-weight: bold; -fx-font-size: 14px;" text="Operator" GridPane.columnIndex="1" GridPane.halignment="CENTER">
</Text>
<Text strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-weight: bold; -fx-font-size: 14px;" text="Value" GridPane.columnIndex="2" GridPane.halignment="CENTER">
</Text>
<ComboBox fx:id="advOperator1" prefWidth="150.0" promptText="Select Operator" GridPane.columnIndex="1" GridPane.rowIndex="1">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="IN" />
<String fx:value="NOT IN" />
<String fx:value="EQUALS" />
<String fx:value="NOT EQUALS" />
<String fx:value="LESS THAN" />
<String fx:value="LESS THAN EQUALS" />
<String fx:value="GREATER THAN" />
<String fx:value="GREATER THAN EQUALS" />
</FXCollections>
</items>
</ComboBox>
<ComboBox fx:id="advOperator2" prefWidth="150.0" promptText="Select Operator" GridPane.columnIndex="1" GridPane.rowIndex="2">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="IN" />
<String fx:value="NOT IN" />
<String fx:value="EQUALS" />
<String fx:value="NOT EQUALS" />
<String fx:value="LESS THAN" />
<String fx:value="LESS THAN EQUALS" />
<String fx:value="GREATER THAN" />
<String fx:value="GREATER THAN EQUALS" />
</FXCollections>
</items>
</ComboBox>
<ComboBox fx:id="advOperator3" prefWidth="150.0" promptText="Select Operator" GridPane.columnIndex="1" GridPane.rowIndex="3">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="IN" />
<String fx:value="NOT IN" />
<String fx:value="EQUALS" />
<String fx:value="NOT EQUALS" />
<String fx:value="LESS THAN" />
<String fx:value="LESS THAN EQUALS" />
<String fx:value="GREATER THAN" />
<String fx:value="GREATER THAN EQUALS" />
</FXCollections>
</items>
</ComboBox>
<!-- <ComboBox prefWidth="150.0" promptText="Message Type"
GridPane.rowIndex="5" /> <ComboBox prefWidth="150.0" promptText="Equals"
GridPane.columnIndex="1" GridPane.rowIndex="5" /> <ComboBox prefWidth="150.0"
promptText="CCY" GridPane.rowIndex="6" /> <ComboBox prefWidth="150.0" promptText="IN"
GridPane.columnIndex="1" GridPane.rowIndex="6" /> -->
<TextField GridPane.columnIndex="2" GridPane.rowIndex="1" />
<TextField GridPane.columnIndex="2" GridPane.rowIndex="2" />
<TextField fx:id="advText1" GridPane.columnIndex="2" GridPane.rowIndex="1" />
<TextField fx:id="advText2" GridPane.columnIndex="2" GridPane.rowIndex="2" />
<TextField fx:id="advText3" GridPane.columnIndex="2" GridPane.rowIndex="3" />
<Label text="Select Field" GridPane.rowIndex="1">
<GridPane.margin>
<Insets left="5.0" />
</GridPane.margin>
</Label>
<Label text="Select Field" GridPane.rowIndex="2">
<GridPane.margin>
<Insets left="5.0" />
</GridPane.margin>
</Label>
<Label text="Select Field" GridPane.rowIndex="3">
<padding>
<Insets left="5.0" />
</padding>
</Label>
<Label text="Update Date" GridPane.rowIndex="4">
<padding>
<Insets left="5.0" />
</padding>
</Label>
<!-- <TextField GridPane.columnIndex="2" GridPane.rowIndex="4"
/> <TextField GridPane.columnIndex="2" GridPane.rowIndex="6" /> -->
</children>
</GridPane>
</children>
</HBox>
<HBox layoutX="7.0" layoutY="245.0" prefHeight="35.0" prefWidth="348.0">
<children>
<Text layoutX="7.0" layoutY="250.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Template Name">
<HBox.margin>
<Insets right="5.0" top="9.0" />
</HBox.margin>
</Text>
<ComboBox layoutX="94.0" layoutY="319.0" prefWidth="248.0" promptText="Default Template">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="Private" />
<String fx:value="Public" />
</FXCollections>
</items>
<HBox.margin>
<Insets left="7.0" />
</HBox.margin>
</ComboBox>
</children>
</HBox>
<HBox layoutX="7.0" layoutY="285.0" prefHeight="35.0" prefWidth="348.0">
<children>
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Type of template">
<HBox.margin>
<Insets top="9.0" />
</HBox.margin>
</Text>
<ComboBox prefWidth="248.0" promptText="Public">
<HBox.margin>
<Insets left="5.0" />
</HBox.margin>
</ComboBox>
</children>
</HBox>
<HBox layoutX="5.0" layoutY="325.0" prefHeight="45.0" prefWidth="352.0">
<children>
<Button mnemonicParsing="false" prefHeight="45.0" prefWidth="67.0" styleClass="advancedRedButton" text="Save Template" textAlignment="CENTER" wrapText="true" />
<Button mnemonicParsing="false" prefHeight="45.0" prefWidth="67.0" styleClass="advancedRedButton" text="Edit Template" textAlignment="CENTER" wrapText="true">
<HBox.margin>
<Insets left="8.0" />
</HBox.margin>
</Button>
<Button mnemonicParsing="false" prefHeight="45.0" prefWidth="67.0" styleClass="advancedRedButton" text="Delete Template" textAlignment="CENTER" wrapText="true">
<HBox.margin>
<Insets left="8.0" />
</HBox.margin>
</Button>
<Button mnemonicParsing="false" prefHeight="45.0" prefWidth="55.0" styleClass="advancedRedButton" text="Clear" textAlignment="CENTER" wrapText="true">
<HBox.margin>
<Insets left="8.0" />
</HBox.margin>
</Button>
<Button mnemonicParsing="false" onAction="#onAdvancedSearch" prefHeight="45.0" prefWidth="55.0" styleClass="advancedRedButton" text="Search">
<HBox.margin>
<Insets left="8.0" />
</HBox.margin>
</Button>
</children>
</HBox>
<HBox layoutX="140.0" layoutY="206.0" prefHeight="22.0" prefWidth="251.0">
<children>
<DatePicker layoutX="28.0" layoutY="230.0" prefWidth="92.0">
<HBox.margin>
<Insets right="5.0" />
</HBox.margin>
</DatePicker>
<Text layoutX="131.0" layoutY="247.0" strokeType="OUTSIDE" strokeWidth="0.0" text="To">
<HBox.margin>
<Insets right="5.0" top="5.0" />
</HBox.margin>
</Text>
<DatePicker layoutX="173.0" layoutY="232.0" prefWidth="92.0" />
</children>
</HBox>
</children>
</AnchorPane>
</content>
</TitledPane>
</children>
</VBox>
</children>
</AnchorPane>
</content>
<graphic>
<Label layoutX="-20.0" styleClass="triggerLink" text="Filter Criteria" />
</graphic>
<styleClass>
<String fx:value="arrowPane" />
<String fx:value="greyBorder" />
</styleClass>
</TitledPane>
<AnchorPane minHeight="500.0" minWidth="434.0" HBox.hgrow="ALWAYS">
<children>
<HBox fillHeight="true" minHeight="500.0" minWidth="434.0" styleClass="greyBorder" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" HBox.hgrow="ALWAYS">
<children>
<TableView fx:id="tableView" HBox.hgrow="ALWAYS" VBox.vgrow="ALWAYS">
<columns>
<TableColumn style="-fx-font-family: Calibri; -fx-font-size: 11px;" text="MessageId">
<cellValueFactory>
<PropertyValueFactory property="messageId" />
</cellValueFactory>
</TableColumn>
<TableColumn prefWidth="110.0" style="-fx-font-family: Calibri; -fx-font-size: 11px;" text="Digest Reference">
<cellValueFactory>
<PropertyValueFactory property="digestReference" />
</cellValueFactory>
</TableColumn>
<TableColumn prefWidth="115.0" style="-fx-font-family: Calibri; -fx-font-size: 11px;" text="Message Reference">
<cellValueFactory>
<PropertyValueFactory property="messageRef" />
</cellValueFactory>
</TableColumn>
<TableColumn prefWidth="115.0" style="-fx-font-family: Calibri; -fx-font-size: 11px;" text="Deal Number">
<cellValueFactory>
<PropertyValueFactory property="dealNo" />
</cellValueFactory>
</TableColumn>
<TableColumn style="-fx-font-family: Calibri; -fx-font-size: 11px;" text="Digest Value">
<cellValueFactory>
<PropertyValueFactory property="digestValue" />
</cellValueFactory>
</TableColumn>
<TableColumn prefWidth="100.0" style="-fx-font-family: Calibri; -fx-font-size: 11px;" text="Updated Date Time">
<cellValueFactory>
<PropertyValueFactory property="updateTime" />
</cellValueFactory>
</TableColumn>
</columns>
</TableView>
</children>
</HBox>
<HBox fx:id="columnConfigHbox" fillHeight="false" layoutX="310.0" layoutY="427.0">
<children>
<TableView fx:id="columnConfigTable" prefHeight="150.0" prefWidth="110.0" styleClass="noBorderRight" HBox.hgrow="ALWAYS" VBox.vgrow="ALWAYS">
<columns>
<TableColumn editable="false" minWidth="80.0" prefWidth="90.0" sortable="false" style="-fx-font-family: Calibri; -fx-font-size: 11px;" text="Column Config">
<cellValueFactory>
<PropertyValueFactory property="columnConfig" />
</cellValueFactory>
</TableColumn>
</columns>
<columnResizePolicy>
<TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
</columnResizePolicy>
</TableView>
<Button minHeight="15.0" minWidth="15.0" mnemonicParsing="false" onAction="#closeThis" styleClass="closeThis" />
</children>
</HBox>
<!-- <GridPane fx:id="columnConfig" layoutX="320.0" layoutY="480.0" visible="false">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
</rowConstraints>
<children>
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="CCY" />
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="CCY Amount" GridPane.rowIndex="1" />
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="CTR CCY" GridPane.rowIndex="2" />
</children>
</GridPane> -->
</children>
</AnchorPane>
</children>
</HBox>
</children>
<styleClass>
<!-- <String fx:value="Sapphire" /> -->
<String fx:value="defaultFont" />
</styleClass>
</VBox>
Related
I am struggling now for a long time with the following issue:
I created a ComboBox that looks perfectly fine as long as the screen is not full size, see picture
But if I full size the screen then the Pop-up is getting shifted, see picture below.
Has anybody any idea what might be the issue?
Environment details: Java 11.06, Windows 10, Intellij Idea Community Version
Here is the code:
<ComboBox fx:id="comboTokenType" editable="false" focusTraversable="false" GridPane.columnIndex="3" GridPane.hgrow="NEVER" GridPane.rowIndex="5" GridPane.vgrow="NEVER">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="Test 1" />
<String fx:value="Test 2" />
<String fx:value="Test 3" />
<String fx:value="Test 4" />
<String fx:value="Test 5" />
<String fx:value="Test 6" />
</FXCollections>
</items>
<value>
<String fx:value="Test 5" />
</value>
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</GridPane.margin>
</ComboBox>
.combo-box .list-cell {
-fx-text-fill: -fx-white-color;
}
.combo-box-popup .list-view{
-fx-background-color: -fx-primary-color;
-fx-background-insets: 0, 1, 2, 0;
-fx-background-radius: 0;
-fx-padding: 0;
}
.combo-box-popup .list-view .list-cell{
-fx-text-fill: white;
/* -fx-padding: 4 0 4 5;*/
-fx-background-color: -fx-primary-color;
-fx-background-radius: 0;
}
.combo-box-popup .list-view .list-cell:filled:selected, .combo-box-popup .list-view .list-cell:filled:selected:hover{
-fx-background-color: -fx-secondary-color;
-fx-text-fill: white;
}
.combo-box-popup .list-view .list-cell:filled:hover{
-fx-background-color: -fx-secondary-color;
-fx-text-fill: white;
}
.combo-box-base{
-fx-background-color: -fx-primary-color;
-fx-background-radius: 0;
-fx-padding: 0; /* 2 */
}
.combo-box-base:hover{
-fx-background-color: -fx-secondary-color;
}
.combo-box-base:focused{
-fx-background-color: -fx-secondary-color;
}
.combo-box-base:selected{
-fx-background-color: -fx-secondary-color;
}
.combo-box-base:showing{
-fx-background-color: -fx-secondary-color;
}
.combo-box-base .arrow {
-fx-shape: "M8.124,13.625l4.125-3.375v2.889l-4.125,3.86L4,13.139V10.25L8.124,13.625z";
-fx-background-color: white;
}
.context-menu {
-fx-background-color: -fx-primary-color;
}
Update
I tested the ComboBox without my custom code but I still getting this issue.
Again Update
I created now a small JavaFX project and removed everything that is actually not needed, just the FXML page with the comboBox. It turns out that comboBox is now working perfectly fine. I think the issue needs to be outside this FXML page. Maybe I need to dive deeper into the BorderPane that builds up the entire page.
I am going to publish the result as soon as I found the issue.
Here is the code:
fxml_example.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import javafx.collections.*?>
<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.image.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<?import java.net.*?>
<ScrollPane fitToHeight="true" fitToWidth="true" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" xmlns="http://javafx.com/javafx/16" xmlns:fx="http://javafx.com/fxml/1">
<content>
<GridPane alignment="CENTER" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" HBox.hgrow="ALWAYS">
<Separator halignment="LEFT" nodeOrientation="LEFT_TO_RIGHT" GridPane.columnIndex="2" GridPane.columnSpan="4" GridPane.halignment="CENTER" GridPane.hgrow="ALWAYS" GridPane.rowSpan="1" GridPane.valignment="CENTER">
<GridPane.margin>
<Insets bottom="5.0" top="5.0" />
</GridPane.margin>
</Separator>
<Label alignment="CENTER_RIGHT" contentDisplay="RIGHT" text="Test 1" textAlignment="JUSTIFY" wrapText="true" GridPane.columnSpan="1" GridPane.halignment="LEFT" GridPane.hgrow="ALWAYS" GridPane.rowSpan="1">
<GridPane.margin>
<Insets bottom="5.0" left="50.0" right="5.0" top="5.0" />
</GridPane.margin>
</Label>
<Label alignment="TOP_LEFT" contentDisplay="TOP" text="Test 2" GridPane.columnIndex="2" GridPane.halignment="RIGHT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="2">
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="20.0" top="5.0" />
</GridPane.margin>
</Label>
<RadioButton alignment="CENTER_LEFT" graphicTextGap="10.0" mnemonicParsing="false" nodeOrientation="LEFT_TO_RIGHT" text="Test 3" GridPane.columnIndex="3" GridPane.halignment="CENTER" GridPane.hgrow="ALWAYS" GridPane.rowIndex="2" GridPane.valignment="CENTER">
<toggleGroup>
<ToggleGroup fx:id="format" />
</toggleGroup>
<GridPane.margin>
<Insets bottom="5.0" right="5.0" top="5.0" />
</GridPane.margin>
</RadioButton>
<RadioButton alignment="CENTER_LEFT" graphicTextGap="10.0" mnemonicParsing="false" nodeOrientation="LEFT_TO_RIGHT" text="Test 555" GridPane.columnIndex="4" GridPane.halignment="LEFT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="2" GridPane.valignment="CENTER">
<toggleGroup>
<fx:reference source="format" />
</toggleGroup>
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</GridPane.margin>
</RadioButton>
<Label text="Test 5" GridPane.columnIndex="2" GridPane.halignment="RIGHT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="5">
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="20.0" top="5.0" />
</GridPane.margin>
</Label>
<ComboBox editable="false" focusTraversable="false" GridPane.columnIndex="3" GridPane.hgrow="NEVER" GridPane.rowIndex="5" GridPane.vgrow="NEVER">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="Test 1" />
<String fx:value="Test 2" />
<String fx:value="Test 3" />
<String fx:value="Test 4" />
<String fx:value="Test 5" />
<String fx:value="Test 6" />
</FXCollections>
</items>
<value>
<String fx:value="Test 1" />
</value>
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</GridPane.margin>
</ComboBox>
<Text styleClass="table-label" text="Test 8" textAlignment="RIGHT" GridPane.halignment="LEFT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="6">
<GridPane.margin>
<Insets bottom="5.0" left="50.0" right="5.0" top="5.0" />
</GridPane.margin>
</Text>
<Separator GridPane.columnIndex="2" GridPane.columnSpan="4" GridPane.halignment="CENTER" GridPane.hgrow="ALWAYS" GridPane.rowIndex="6" GridPane.rowSpan="1" GridPane.valignment="CENTER">
<GridPane.margin>
<Insets bottom="5.0" top="5.0" />
</GridPane.margin>
</Separator>
<Label graphicTextGap="10.0" text="Test 9" GridPane.columnIndex="2" GridPane.halignment="RIGHT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="8">
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="20.0" top="5.0" />
</GridPane.margin>
</Label>
<TextField GridPane.columnIndex="3" GridPane.hgrow="ALWAYS" GridPane.rowIndex="8">
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</GridPane.margin>
</TextField>
<Label text="Test 10" GridPane.columnIndex="2" GridPane.halignment="RIGHT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="10">
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="20.0" top="5.0" />
</GridPane.margin>
</Label>
<PasswordField GridPane.columnIndex="3" GridPane.hgrow="ALWAYS" GridPane.rowIndex="10">
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</GridPane.margin>
</PasswordField>
<Label alignment="CENTER" contentDisplay="TEXT_ONLY" nodeOrientation="LEFT_TO_RIGHT" text="Test 11" GridPane.columnIndex="4" GridPane.halignment="LEFT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="10" GridPane.valignment="CENTER">
<GridPane.margin>
<Insets bottom="5.0" left="80.0" right="5.0" top="5.0" />
</GridPane.margin>
</Label>
<PasswordField GridPane.columnIndex="5" GridPane.hgrow="ALWAYS" GridPane.rowIndex="10">
<GridPane.margin>
<Insets bottom="5.0" right="10.0" top="5.0" />
</GridPane.margin>
</PasswordField>
<Text styleClass="table-label" text="Test 15" textAlignment="RIGHT" GridPane.halignment="LEFT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="13">
<GridPane.margin>
<Insets bottom="5.0" left="50.0" right="5.0" top="5.0" />
</GridPane.margin>
</Text>
<Separator GridPane.columnIndex="2" GridPane.columnSpan="4" GridPane.halignment="CENTER" GridPane.hgrow="ALWAYS" GridPane.rowIndex="13" GridPane.rowSpan="1" GridPane.valignment="CENTER">
<GridPane.margin>
<Insets bottom="5.0" top="5.0" />
</GridPane.margin>
</Separator>
<Label text="Test 18" GridPane.columnIndex="2" GridPane.halignment="RIGHT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="15">
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="20.0" top="5.0" />
</GridPane.margin>
</Label>
<PasswordField GridPane.columnIndex="3" GridPane.hgrow="ALWAYS" GridPane.rowIndex="15">
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</GridPane.margin>
</PasswordField>
<Label text="Test 25" GridPane.columnIndex="4" GridPane.halignment="LEFT" GridPane.rowIndex="15">
<HBox.margin>
<Insets bottom="5.0" left="20.0" top="5.0" />
</HBox.margin>
<GridPane.margin>
<Insets bottom="5.0" left="80.0" right="5.0" top="5.0" />
</GridPane.margin>
</Label>
<PasswordField GridPane.columnIndex="5" GridPane.hgrow="ALWAYS" GridPane.rowIndex="15">
<GridPane.margin>
<Insets bottom="5.0" right="10.0" top="5.0" />
</GridPane.margin>
</PasswordField>
<Label text="Test 111" GridPane.columnSpan="1" GridPane.halignment="LEFT" GridPane.hgrow="ALWAYS" GridPane.rowIndex="18">
<GridPane.margin>
<Insets bottom="5.0" left="50.0" right="5.0" top="5.0" />
</GridPane.margin>
</Label>
<Separator GridPane.columnIndex="2" GridPane.columnSpan="4" GridPane.halignment="CENTER" GridPane.hgrow="ALWAYS" GridPane.rowIndex="18" GridPane.valignment="CENTER">
<GridPane.margin>
<Insets bottom="5.0" top="5.0" />
</GridPane.margin>
</Separator>
<Label style="-fx-text-alignment: center;" text="" GridPane.columnIndex="3" GridPane.columnSpan="2" GridPane.rowIndex="19" />
<Button defaultButton="true" graphicTextGap="10.0" mnemonicParsing="false" nodeOrientation="LEFT_TO_RIGHT" text="Test 123" wrapText="true" GridPane.columnIndex="5" GridPane.hgrow="ALWAYS" GridPane.rowIndex="19">
<graphic>
<ImageView fitHeight="30.0" fitWidth="30.0" pickOnBounds="true" preserveRatio="true">
<image>
<Image url="#background.jpg" />
</image>
</ImageView>
</graphic>
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="10.0" top="5.0" />
</GridPane.margin>
</Button>
<GridPane.margin>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</GridPane.margin>
<columnConstraints>
<ColumnConstraints halignment="LEFT" hgrow="NEVER" prefWidth="300.0" />
<ColumnConstraints halignment="LEFT" hgrow="NEVER" minWidth="10.0" prefWidth="10.0" />
<ColumnConstraints halignment="LEFT" hgrow="NEVER" />
<ColumnConstraints halignment="LEFT" hgrow="NEVER" />
<ColumnConstraints />
<ColumnConstraints />
<ColumnConstraints />
</columnConstraints>
<rowConstraints>
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints />
<RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="ALWAYS" />
</rowConstraints>
<padding>
<Insets left="30.0" right="30.0" />
</padding>
<stylesheets>
<URL value="# any css" />
</stylesheets>
</GridPane>
</content>
<padding>
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
</padding>
</ScrollPane>
FXMLExample.java
package fxmlexample;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class FXMLExample extends Application {
public static void main(String[] args) {
Application.launch(FXMLExample.class, args);
}
#Override
public void start(Stage stage) throws Exception {
Parent root = FXMLLoader.load(getClass().getResource("fxml_example.fxml"));
stage.setTitle("FXML Welcome");
stage.setScene(new Scene(root, 300, 275));
stage.show();
}
}
I use Debian 11 with XFCE. I noticed a similar issue when using multiple monitors. In my opinion it's something related to different monitors with different resolutions. My primary screen is FHD and secondary is 2K. So if I set the 2K monitor as primary the combobox is popping up in the correct position.
i never got a erreur like this toggleButtonGroup class does not exist javafx
i searched but didnt found erreur like this
so this is not duplicate questions
thanks
here iy fxml code
<?xml version="1.0" encoding="UTF-8"?>
<?import com.gluonhq.charm.glisten.control.ToggleButtonGroup?>
<?import com.jfoenix.controls.JFXButton?>
<?import com.jfoenix.controls.JFXTextArea?>
<?import com.jfoenix.controls.JFXTextField?>
<?import com.jfoenix.controls.JFXToggleButton?>
<?import java.net.URL?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.RadioButton?>
<?import javafx.scene.control.Separator?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.layout.VBox?>
<AnchorPane id="AnchorPane" maxHeight="568.0" maxWidth="699.0" prefHeight="589.0" prefWidth="699.0" styleClass="mainFxmlClass" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="Controller.AjouterEmployerController">
<stylesheets>
<URL value="#/css/ajouteremployer.css" />
</stylesheets>
<children>
<Pane layoutX="330.0" prefHeight="568.0" prefWidth="15.0" style="-fx-background-color: black;" />
<Separator layoutX="324.0" orientation="VERTICAL" prefHeight="568.0" prefWidth="9.0" />
<Separator layoutX="346.0" orientation="VERTICAL" prefHeight="568.0" prefWidth="1.0" />
<Pane layoutX="-1.0" layoutY="-2.0" prefHeight="568.0" prefWidth="328.0">
<children>
<Separator layoutX="14.0" orientation="VERTICAL" prefHeight="568.0" prefWidth="6.0" />
<Separator layoutX="128.0" orientation="VERTICAL" prefHeight="435.0" prefWidth="6.0" />
<Separator layoutX="285.0" orientation="VERTICAL" prefHeight="568.0" prefWidth="6.0" />
<Label layoutX="30.0" layoutY="15.0" prefHeight="17.0" prefWidth="94.0" text="CNE :" />
<Label layoutX="30.0" layoutY="54.0" prefHeight="17.0" prefWidth="94.0" text="first name" />
<Label layoutX="30.0" layoutY="94.0" prefHeight="17.0" prefWidth="94.0" text="lastname" />
<Label layoutX="30.0" layoutY="168.0" prefHeight="17.0" prefWidth="76.0" text="phone" />
<Label layoutX="30.0" layoutY="209.0" prefHeight="17.0" prefWidth="66.0" text="section" />
<Label layoutX="30.0" layoutY="255.0" text="transporte" />
<Label layoutX="30.0" layoutY="291.0" text="note" />
<JFXTextField fx:id="AddCNE" layoutX="131.0" layoutY="11.0" prefHeight="25.0" prefWidth="152.0" />
<JFXTextField fx:id="AddFirstName" layoutX="131.0" layoutY="50.0" prefHeight="25.0" prefWidth="152.0" />
<JFXTextField fx:id="AddLastName" layoutX="131.0" layoutY="90.0" prefHeight="25.0" prefWidth="152.0" />
<JFXTextField fx:id="AddAge" layoutX="131.0" layoutY="128.0" prefHeight="25.0" prefWidth="152.0" />
<JFXTextField fx:id="AddPhone" layoutX="131.0" layoutY="164.0" prefHeight="25.0" prefWidth="152.0" />
<JFXToggleButton fx:id="AddTransport" layoutX="155.0" layoutY="235.0" prefHeight="56.0" prefWidth="105.0" text="YES" />
<Label layoutX="152.0" layoutY="255.0" prefHeight="17.0" prefWidth="24.0" text="NO" />
<JFXTextArea fx:id="AddNote" layoutX="131.0" layoutY="286.0" prefHeight="131.0" prefWidth="152.0" />
<JFXButton fx:id="AddEmployer" buttonType="RAISED" layoutX="207.0" layoutY="442.0" onAction="#AddEmployerAndSelectEmpolyer" prefHeight="36.0" prefWidth="76.0" ripplerFill="#7ffc7a" style="-fx-background-color: #188616;" text="ADD" textFill="#e5e8eb" />
<Separator layoutX="14.0" layoutY="434.0" prefHeight="3.0" prefWidth="271.0" />
<JFXButton fx:id="resetAll" layoutX="20.0" layoutY="442.0" onAction="#reset" prefHeight="36.0" prefWidth="66.0" ripplerFill="#7ef878" style="-fx-background-color: #188616;" text="reset" textFill="#f0f1f2" />
<Label fx:id="messageAdd" layoutX="25.0" layoutY="497.0" prefHeight="56.0" prefWidth="254.0" textFill="#eb0909e9" wrapText="true" />
<Label layoutX="30.0" layoutY="132.0" prefHeight="17.0" prefWidth="48.0" text="age" />
<ToggleButtonGroup fx:id="SectionValue" layoutX="150.0" layoutY="205.0" selectionType="SINGLE">
<toggles>
<RadioButton fx:id="SectionA" mnemonicParsing="false" prefHeight="17.0" prefWidth="41.0" text="A" />
<RadioButton fx:id="SectionB" layoutX="10.0" layoutY="10.0" mnemonicParsing="false" prefHeight="17.0" prefWidth="45.0" text="B" />
<RadioButton fx:id="sectionC" layoutX="97.0" layoutY="10.0" mnemonicParsing="false" prefHeight="17.0" prefWidth="44.0" text="C" />
</toggles>
</ToggleButtonGroup>
</children>
</Pane>
<VBox layoutX="384.0" layoutY="33.0" prefHeight="459.0" prefWidth="295.0">
<children>
<HBox>
<children>
<Label fx:id="cneEmployer" prefHeight="17.0" prefWidth="88.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
<Label fx:id="cneEmployerValue" prefHeight="17.0" prefWidth="172.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
</children>
</HBox>
<HBox>
<children>
<Label fx:id="firstName" prefHeight="17.0" prefWidth="92.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
<HBox.margin>
<Insets />
</HBox.margin>
</Label>
<Label fx:id="firstNameValue" prefHeight="17.0" prefWidth="208.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
</children>
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</HBox>
<HBox>
<children>
<Label fx:id="latName" prefHeight="17.0" prefWidth="90.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
<Label fx:id="LastNameValue" prefHeight="17.0" prefWidth="196.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
</children>
</HBox>
<HBox>
<children>
<Label fx:id="LabelAge" prefHeight="17.0" prefWidth="135.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
<Label fx:id="LabelAgeValue" prefHeight="17.0" prefWidth="249.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
</children>
</HBox>
<HBox>
<children>
<Label fx:id="num" prefHeight="17.0" prefWidth="110.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
<Label fx:id="phoneValue" prefHeight="17.0" prefWidth="223.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
</children>
</HBox>
<HBox>
<children>
<Label fx:id="sectionn" prefHeight="17.0" prefWidth="113.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
<Label fx:id="Sectionvalue" prefHeight="17.0" prefWidth="221.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
</children>
</HBox>
<HBox>
<children>
<Label fx:id="transportt" prefHeight="17.0" prefWidth="122.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
<Label fx:id="tranportValue" prefHeight="17.0" prefWidth="231.0">
<padding>
<Insets bottom="10.0" top="10.0" />
</padding>
</Label>
</children>
</HBox>
<HBox prefHeight="148.0" prefWidth="254.0">
<children>
<Label fx:id="note" prefHeight="148.0" prefWidth="137.0" />
<Label fx:id="noteValue" prefHeight="147.0" prefWidth="256.0" wrapText="true" />
</children>
</HBox>
</children>
</VBox>
</children>
</AnchorPane>
this is the errure
this the second erreur
Try to add the ToggleGroups like this
<VBox>
<RadioButton text="A" fx:id="radioButton1">
<toggleGroup>
<ToggleGroup fx:id="toggleGroup1"/>
</toggleGroup>
</RadioButton>
<RadioButton text="B" toggleGroup="$toggleGroup1" fx:id="radioButton2"/>
</VBox>
How to bind an AnchorPane to the size of the screen?
When I run my code it shows me that:
but when the main stage fit the screen the AnchorPane still has the same size.
here is my fxml file
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.text.*?>
<?import javafx.geometry.*?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<AnchorPane id="AnchorPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="768.0" prefWidth="1024.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sanad.Entry_Page">
<children>
<Pane blendMode="RED" layoutX="563.0" layoutY="9.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minWidth="-Infinity" prefHeight="746.0" prefWidth="447.0">
<padding>
<Insets top="10.0" />
</padding>
<children>
<SplitPane dividerPositions="0.5720620842572062" layoutX="-56.0" layoutY="-1.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="741.0" prefWidth="508.0">
<items>
<AnchorPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="0.0" minWidth="0.0" prefHeight="751.0" prefWidth="286.0">
<children>
<TextField fx:id="formnumer_field" layoutX="8.0" layoutY="14.0" prefHeight="30.0" prefWidth="235.0" />
<TextField fx:id="sectornumber_field" layoutX="8.0" layoutY="48.0" prefHeight="30.0" prefWidth="235.0" />
<TextField fx:id="fathername_field" layoutX="8.0" layoutY="82.0" prefHeight="30.0" prefWidth="235.0" />
<ComboBox fx:id="fatherborn_year" layoutX="8.0" layoutY="116.0" prefHeight="25.0" prefWidth="70.0" />
<ComboBox fx:id="fatherborn_month" layoutX="85.0" layoutY="116.0" prefHeight="25.0" prefWidth="70.0" />
<ComboBox fx:id="fatherborn_day" layoutX="162.0" layoutY="116.0" prefHeight="25.0" prefWidth="80.0" />
<TextField fx:id="fathercurrentjob" layoutX="8.0" layoutY="145.0" prefHeight="30.0" prefWidth="235.0" />
<TextField fx:id="fatherprevjob" layoutX="8.0" layoutY="179.0" prefHeight="30.0" prefWidth="235.0" />
<TextField fx:id="mothername_field" layoutX="8.0" layoutY="215.0" prefHeight="30.0" prefWidth="235.0" />
<TextField fx:id="mother_curr_job" layoutX="8.0" layoutY="278.0" prefHeight="30.0" prefWidth="235.0" />
<ComboBox fx:id="motherborn_day" layoutX="162.0" layoutY="249.0" prefHeight="25.0" prefWidth="80.0" />
<ComboBox fx:id="motherborn_year" layoutX="8.0" layoutY="249.0" prefHeight="25.0" prefWidth="70.0" />
<TextField fx:id="mother_prev_job" layoutX="8.0" layoutY="312.0" prefHeight="30.0" prefWidth="235.0" />
<ComboBox fx:id="motherborn_month" layoutX="85.0" layoutY="249.0" prefHeight="25.0" prefWidth="70.0" />
<TextField fx:id="homepartner_num" layoutX="8.0" layoutY="346.0" prefHeight="30.0" prefWidth="235.0" />
<ComboBox fx:id="homepartner_year" layoutX="11.0" layoutY="382.0" prefHeight="25.0" prefWidth="70.0" />
<ComboBox fx:id="homepartner_month" layoutX="88.0" layoutY="382.0" prefHeight="25.0" prefWidth="70.0" />
<ComboBox fx:id="homepartner_day" layoutX="163.0" layoutY="382.0" prefHeight="25.0" prefWidth="80.0" />
<ComboBox fx:id="homepartner_name" layoutX="8.0" layoutY="416.0" prefHeight="30.0" prefWidth="235.0" />
<CheckBox fx:id="homepartner_gender1" layoutX="141.0" layoutY="456.0" mnemonicParsing="false" prefHeight="30.0" prefWidth="100.0" text="ذكر">
<font>
<Font size="14.0" />
</font>
</CheckBox>
<CheckBox fx:id="homepartner_gender2" layoutX="8.0" layoutY="456.0" mnemonicParsing="false" prefHeight="30.0" prefWidth="100.0" text="أنثى">
<font>
<Font size="14.0" />
</font>
</CheckBox>
<Label fx:id="current_cityaa" alignment="CENTER" layoutX="141.0" layoutY="490.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="100.0" text="المحافظة">
<font>
<Font size="14.0" />
</font>
</Label>
<TextField fx:id="current_city" layoutX="8.0" layoutY="490.0" prefHeight="30.0" prefWidth="120.0" />
<Label fx:id="current_cityaa1" alignment="CENTER" layoutX="141.0" layoutY="530.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="100.0" text="الحي">
<font>
<Font size="14.0" />
</font>
</Label>
<TextField fx:id="current_suberb" layoutX="8.0" layoutY="530.0" prefHeight="30.0" prefWidth="120.0" />
<TextField fx:id="prev_suberb" layoutX="11.0" layoutY="615.0" prefHeight="30.0" prefWidth="120.0" />
<Label fx:id="current_cityaa11" alignment="CENTER" layoutX="144.0" layoutY="615.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="100.0" text="الحي">
<font>
<Font size="14.0" />
</font>
</Label>
<Label fx:id="current_cityaa2" alignment="CENTER" layoutX="144.0" layoutY="575.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="100.0" text="المحافظة">
<font>
<Font size="14.0" />
</font>
</Label>
<TextField fx:id="prev_city" layoutX="11.0" layoutY="575.0" prefHeight="30.0" prefWidth="120.0" />
</children>
</AnchorPane>
<AnchorPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
<children>
<Label fx:id="formnumber" contentDisplay="RIGHT" layoutX="8.0" layoutY="14.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="رقم الاستمارة" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<padding>
<Insets left="50.0" />
</padding>
<font>
<Font size="14.0" />
</font>
</Label>
<Label fx:id="sectornumber" contentDisplay="RIGHT" layoutX="8.0" layoutY="48.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="رقم القطاع" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="fathername" contentDisplay="RIGHT" layoutX="8.0" layoutY="82.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="اسم الأب" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="fatherborn" contentDisplay="RIGHT" layoutX="20.0" layoutY="112.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="المواليد" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="currentjob" contentDisplay="RIGHT" layoutX="20.0" layoutY="142.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="العمل الحالي" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="previousjob" contentDisplay="RIGHT" layoutX="20.0" layoutY="172.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="العمل السابق" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="fatherborn1" contentDisplay="RIGHT" layoutX="20.0" layoutY="244.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="المواليد" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="currentjob1" contentDisplay="RIGHT" layoutX="20.0" layoutY="278.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="العمل الحالي" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="fathername1" contentDisplay="RIGHT" layoutX="8.0" layoutY="208.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="اسم الأم" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="previousjob1" contentDisplay="RIGHT" layoutX="20.0" layoutY="307.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="العمل السابق" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="homepartner_sex" contentDisplay="RIGHT" layoutX="20.0" layoutY="451.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="الجنس" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="homepartner_name" contentDisplay="RIGHT" layoutX="20.0" layoutY="414.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="الاسم" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="partner_born" contentDisplay="RIGHT" layoutX="20.0" layoutY="378.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="الميلاد" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="home_partner" contentDisplay="RIGHT" layoutX="8.0" layoutY="341.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="عدد المستضافين" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label alignment="CENTER" layoutX="8.0" layoutY="485.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="175.0" text="السكن الحالي">
<font>
<Font size="14.0" />
</font>
</Label>
<Label alignment="CENTER" layoutX="8.0" layoutY="570.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="175.0" text="السكن الحالي">
<font>
<Font size="14.0" />
</font>
</Label>
</children>
</AnchorPane>
</items>
</SplitPane>
</children>
</Pane>
<SplitPane dividerPositions="0.4845360824742268" layoutX="8.0" layoutY="8.0" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="741.0" prefWidth="487.0">
<items>
<AnchorPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0" />
<AnchorPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="0.0" minWidth="0.0" prefHeight="327.0" prefWidth="100.0" />
</items>
</SplitPane>
</children>
</AnchorPane>
This can be done using this property of AnchorPane:
AnchorPane.bottomAnchor
AnchorPane.leftAnchor
AnchorPane.rightAnchor
AnchorPane.topAnchor
But you need to decide what part of a scene will change and what is not. The width of the fixed part fix with prefWidth. Сhanging part fix with AnchorPane.leftAnchor or AnchorPane.rightAnchor given the size of the fixed part.
Sample:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.chart.*?>
<?import javafx.scene.text.*?>
<?import javafx.geometry.*?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<AnchorPane id="AnchorPane" prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sanad.Entry_Page">
<children>
<Accordion prefWidth="200.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0">
<panes>
<TitledPane animated="false" text="untitled 1">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
</content>
</TitledPane>
<TitledPane animated="false" text="untitled 2">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
</content>
</TitledPane>
<TitledPane animated="false" text="untitled 3">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
</content>
</TitledPane>
</panes>
</Accordion>
<SplitPane dividerPositions="0.5" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="200.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<items>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
<children>
<LineChart AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<xAxis>
<CategoryAxis side="BOTTOM" />
</xAxis>
<yAxis>
<NumberAxis side="LEFT" />
</yAxis>
</LineChart>
</children>
</AnchorPane>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
<children>
<TableView prefHeight="200.0" prefWidth="200.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<columns>
<TableColumn prefWidth="75.0" text="C1" />
<TableColumn prefWidth="75.0" text="C2" />
</columns>
</TableView>
</children>
</AnchorPane>
</items>
</SplitPane>
</children>
</AnchorPane>
I try do something with this fxml, but i think that is bad created. You should rebuild everything. For right site is better to use GridPane not AnchorPane and put all elements in grid.
I created HBox in this hobx I put two AnchorPane, then each AnchorPane i put Your SplitPane. After this you must connect each SplitPane with right and left edge of AnchorPane like this:
<SplitPane AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
Here is this fxml:
Use SceneBuilder to preview how it works.
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.text.*?>
<?import javafx.geometry.*?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<HBox id="AnchorPane" prefHeight="786.0" prefWidth="1024.0" xmlns="http://javafx.com/javafx/8.0.40" xmlns:fx="http://javafx.com/fxml/1">
<AnchorPane prefHeight="200.0" prefWidth="200.0" HBox.hgrow="ALWAYS">
<children>
<SplitPane dividerPositions="0.4845360824742268" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="741.0" prefWidth="487.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
<items>
<AnchorPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0" />
<AnchorPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="0.0" minWidth="0.0" prefHeight="327.0" prefWidth="100.0" />
</items>
</SplitPane>
</children>
</AnchorPane>
<AnchorPane prefHeight="200.0" prefWidth="200.0" HBox.hgrow="ALWAYS">
<children>
<SplitPane dividerPositions="0.5720620842572062" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="741.0" prefWidth="508.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
<items>
<AnchorPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" nodeOrientation="LEFT_TO_RIGHT">
<children>
<TextField fx:id="formnumer_field" layoutX="8.0" layoutY="14.0" prefHeight="30.0" prefWidth="235.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="43.0" />
<TextField fx:id="sectornumber_field" layoutX="8.0" layoutY="48.0" prefHeight="30.0" prefWidth="235.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="43.0" />
<TextField fx:id="fathername_field" layoutX="8.0" layoutY="82.0" prefHeight="30.0" prefWidth="235.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="43.0" />
<ComboBox fx:id="fatherborn_year" layoutX="8.0" layoutY="116.0" prefHeight="25.0" prefWidth="70.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="226.0" />
<ComboBox fx:id="fatherborn_month" layoutX="85.0" layoutY="116.0" prefHeight="25.0" prefWidth="70.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="226.0" />
<ComboBox fx:id="fatherborn_day" layoutX="162.0" layoutY="116.0" prefHeight="25.0" prefWidth="80.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="226.0" />
<TextField fx:id="fathercurrentjob" layoutX="8.0" layoutY="145.0" prefHeight="30.0" prefWidth="235.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="72.0" />
<TextField fx:id="fatherprevjob" layoutX="8.0" layoutY="179.0" prefHeight="30.0" prefWidth="235.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="72.0" />
<TextField fx:id="mothername_field" layoutX="8.0" layoutY="215.0" prefHeight="30.0" prefWidth="235.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="72.0" />
<TextField fx:id="mother_curr_job" layoutX="8.0" layoutY="278.0" prefHeight="30.0" prefWidth="235.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="72.0" />
<ComboBox fx:id="motherborn_day" layoutX="162.0" layoutY="249.0" prefHeight="25.0" prefWidth="80.0" AnchorPane.rightAnchor="73.0" />
<ComboBox fx:id="motherborn_year" layoutX="8.0" layoutY="249.0" prefHeight="25.0" prefWidth="70.0" />
<TextField fx:id="mother_prev_job" layoutX="8.0" layoutY="312.0" prefHeight="30.0" prefWidth="235.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="72.0" />
<ComboBox fx:id="motherborn_month" layoutX="85.0" layoutY="249.0" nodeOrientation="LEFT_TO_RIGHT" />
<TextField fx:id="homepartner_num" layoutX="8.0" layoutY="346.0" prefHeight="30.0" prefWidth="235.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="72.0" />
<ComboBox fx:id="homepartner_year" layoutX="11.0" layoutY="382.0" />
<ComboBox fx:id="homepartner_month" layoutX="88.0" layoutY="382.0" />
<ComboBox fx:id="homepartner_day" layoutX="163.0" layoutY="382.0" />
<ComboBox fx:id="homepartner_name" layoutX="8.0" layoutY="416.0" AnchorPane.leftAnchor="8.0" AnchorPane.rightAnchor="72.0" />
<CheckBox fx:id="homepartner_gender1" layoutX="141.0" layoutY="456.0" mnemonicParsing="false" prefHeight="30.0" prefWidth="100.0" text="ذكر">
<font>
<Font size="14.0" />
</font>
</CheckBox>
<CheckBox fx:id="homepartner_gender2" layoutX="8.0" layoutY="456.0" mnemonicParsing="false" prefHeight="30.0" prefWidth="100.0" text="أنثى">
<font>
<Font size="14.0" />
</font>
</CheckBox>
<Label fx:id="current_cityaa" alignment="CENTER" layoutX="141.0" layoutY="490.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="100.0" text="المحافظة" AnchorPane.rightAnchor="74.0">
<font>
<Font size="14.0" />
</font>
</Label>
<TextField fx:id="current_city" layoutX="8.0" layoutY="490.0" AnchorPane.leftAnchor="8.0" />
<Label fx:id="current_cityaa1" alignment="CENTER" layoutX="141.0" layoutY="530.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="100.0" text="الحي" AnchorPane.rightAnchor="74.0">
<font>
<Font size="14.0" />
</font>
</Label>
<TextField fx:id="current_suberb" layoutX="8.0" layoutY="530.0" AnchorPane.leftAnchor="8.0" />
<TextField fx:id="prev_suberb" layoutX="11.0" layoutY="615.0" AnchorPane.leftAnchor="11.0" />
<Label fx:id="current_cityaa11" alignment="CENTER" layoutX="144.0" layoutY="615.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="100.0" text="الحي" AnchorPane.rightAnchor="71.0">
<font>
<Font size="14.0" />
</font>
</Label>
<Label fx:id="current_cityaa2" alignment="CENTER" layoutX="144.0" layoutY="575.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="100.0" text="المحافظة" AnchorPane.rightAnchor="71.0">
<font>
<Font size="14.0" />
</font>
</Label>
<TextField fx:id="prev_city" layoutX="11.0" layoutY="575.0" AnchorPane.leftAnchor="11.0" />
</children>
</AnchorPane>
<AnchorPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
<children>
<Label fx:id="formnumber" contentDisplay="RIGHT" layoutX="8.0" layoutY="14.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="رقم الاستمارة" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<padding>
<Insets left="50.0" />
</padding>
<font>
<Font size="14.0" />
</font>
</Label>
<Label fx:id="sectornumber" contentDisplay="RIGHT" layoutX="8.0" layoutY="48.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="رقم القطاع" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="fathername" contentDisplay="RIGHT" layoutX="8.0" layoutY="82.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="اسم الأب" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="fatherborn" contentDisplay="RIGHT" layoutX="20.0" layoutY="112.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="المواليد" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="currentjob" contentDisplay="RIGHT" layoutX="20.0" layoutY="142.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="العمل الحالي" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="previousjob" contentDisplay="RIGHT" layoutX="20.0" layoutY="172.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="العمل السابق" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="fatherborn1" contentDisplay="RIGHT" layoutX="20.0" layoutY="244.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="المواليد" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="currentjob1" contentDisplay="RIGHT" layoutX="20.0" layoutY="278.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="العمل الحالي" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="fathername1" contentDisplay="RIGHT" layoutX="8.0" layoutY="208.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="اسم الأم" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="previousjob1" contentDisplay="RIGHT" layoutX="20.0" layoutY="307.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="العمل السابق" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="homepartner_sex" contentDisplay="RIGHT" layoutX="20.0" layoutY="451.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="الجنس" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="homepartner_name" contentDisplay="RIGHT" layoutX="20.0" layoutY="414.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="الاسم" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="partner_born" contentDisplay="RIGHT" layoutX="20.0" layoutY="378.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="127.0" text="الميلاد" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label fx:id="home_partner" contentDisplay="RIGHT" layoutX="8.0" layoutY="341.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="174.0" text="عدد المستضافين" textAlignment="RIGHT" textOverrun="CENTER_ELLIPSIS">
<font>
<Font size="14.0" />
</font>
<padding>
<Insets left="50.0" />
</padding>
</Label>
<Label alignment="CENTER" layoutX="8.0" layoutY="485.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="175.0" text="السكن الحالي">
<font>
<Font size="14.0" />
</font>
</Label>
<Label alignment="CENTER" layoutX="8.0" layoutY="570.0" nodeOrientation="RIGHT_TO_LEFT" prefHeight="30.0" prefWidth="175.0" text="السكن الحالي">
<font>
<Font size="14.0" />
</font>
</Label>
</children>
</AnchorPane>
</items>
</SplitPane>
<Pane blendMode="RED" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minWidth="-Infinity" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
<padding>
<Insets top="10.0" />
</padding>
</Pane>
</children>
</AnchorPane>
</HBox>
I get no error loading up fxml from Java code.
I went through previous posts and tried solutions mentioned but didn't found a fix yet.
My fxml was working fine so far.
But I tweaked something and Scene Builder doesn't give any error but it won't render my fxml file when I preview it in Scene Builder and all I see is a blank white screen.
Here is code of fxml file below:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.Cursor?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.PasswordField?>
<?import javafx.scene.control.TextArea?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.control.Tooltip?>
<?import javafx.scene.effect.Blend?>
<?import javafx.scene.effect.Bloom?>
<?import javafx.scene.effect.ColorAdjust?>
<?import javafx.scene.effect.DropShadow?>
<?import javafx.scene.effect.Glow?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.Pane?>
<?import javafx.scene.text.Font?>
<AnchorPane id="customerAnchorPane" fx:id="customerAnchorPane" blendMode="OVERLAY" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" style="-fx-background-color: gray; -fx-border-color: gray;" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1">
<children>
<BorderPane id="login" fx:id="login" layoutX="2.0" layoutY="2.0" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="398.0" prefWidth="600.0" style="-fx-background-color: gray;" AnchorPane.bottomAnchor="1.0" AnchorPane.leftAnchor="1.0" AnchorPane.rightAnchor="-1.0" AnchorPane.topAnchor="1.0">
<left>
<Pane id="customerLabels_pane" fx:id="customerLabels_pane" prefHeight="299.0" prefWidth="200.0" BorderPane.alignment="CENTER">
<children>
<Label id="customerfName_label" fx:id="customerfName_label" alignment="CENTER" contentDisplay="CENTER" layoutX="46.0" layoutY="101.0" prefHeight="35.0" prefWidth="109.0" style="-fx-background-color: wheat; -fx-border-color: brown;" text="First Name" textFill="#081057">
<font>
<Font name="Wawati SC Regular" size="16.0" />
</font>
<padding>
<Insets bottom="5.0" left="15.0" right="8.0" top="5.0" />
</padding>
</Label>
<Label id="customerlName_label" fx:id="customerlName_label" alignment="CENTER" contentDisplay="CENTER" layoutX="46.0" layoutY="147.0" prefHeight="35.0" prefWidth="109.0" style="-fx-background-color: wheat; -fx-border-color: brown;" text="Last Name" textAlignment="CENTER" textFill="#081057">
<font>
<Font name="Wawati SC Regular" size="16.0" />
</font>
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
</Label>
<Label id="customerEmail_label1" fx:id="customerEmail_label1" alignment="CENTER" contentDisplay="CENTER" layoutX="46.0" layoutY="189.0" prefHeight="35.0" prefWidth="109.0" style="-fx-background-color: wheat; -fx-border-color: brown;" text="Email" textAlignment="CENTER" textFill="#081057">
<font>
<Font name="Wawati SC Regular" size="16.0" />
</font>
<padding>
<Insets bottom="5.0" left="15.0" right="8.0" top="5.0" />
</padding>
</Label>
<Label id="customerAddress_label" fx:id="customerAddress_label" alignment="CENTER" contentDisplay="CENTER" layoutX="46.0" layoutY="238.0" prefHeight="35.0" prefWidth="109.0" style="-fx-background-color: wheat; -fx-border-color: brown;" text="Address" textAlignment="CENTER" textFill="#081057">
<font>
<Font name="Wawati SC Regular" size="16.0" />
</font>
<padding>
<Insets bottom="5.0" left="15.0" right="8.0" top="5.0" />
</padding>
</Label>
<Label id="customerUsername_label" fx:id="customerUsername_label" alignment="CENTER" contentDisplay="CENTER" layoutX="46.0" layoutY="14.0" prefHeight="35.0" prefWidth="109.0" style="-fx-background-color: wheat; -fx-border-color: brown;" text="Username" textFill="#081057">
<font>
<Font name="Wawati SC Regular" size="16.0" />
</font>
<padding>
<Insets bottom="5.0" left="15.0" right="8.0" top="5.0" />
</padding>
</Label>
<Label id="customerPassword_label" fx:id="customerPassword_label" alignment="CENTER" contentDisplay="CENTER" layoutX="46.0" layoutY="56.0" prefHeight="35.0" prefWidth="109.0" style="-fx-background-color: wheat; -fx-border-color: brown;" text="Password" textFill="#081057">
<font>
<Font name="Wawati SC Regular" size="16.0" />
</font>
<padding>
<Insets bottom="5.0" left="15.0" right="8.0" top="5.0" />
</padding>
</Label>
</children>
</Pane>
</left>
<center>
<Pane id="signUptFields_pane" fx:id="signUptFields_pane" prefHeight="308.0" prefWidth="397.0" BorderPane.alignment="CENTER">
<children>
<TextField id="customerUsername_tField" fx:id="customerUsername_tField" alignment="CENTER" layoutX="14.0" layoutY="14.0" prefHeight="35.0" prefWidth="230.0" promptText="Enter username here" style="-fx-background-color: gray;">
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
<font>
<Font name="Courier Oblique" size="14.0" />
</font>
<effect>
<Glow />
</effect>
<tooltip>
<Tooltip id="usernameToolTip" fx:id="usernameToolTip" autoHide="true" contentDisplay="CENTER" text="Do not enter special characters or spaces" textAlignment="CENTER">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
</Tooltip>
</tooltip>
</TextField>
<PasswordField id="customerPassword_tField" fx:id="customerPassword_tField" alignment="CENTER" layoutX="14.0" layoutY="59.0" prefHeight="35.0" prefWidth="230.0" promptText="Enter password here" style="-fx-background-color: gray;">
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
<font>
<Font name="Courier Oblique" size="14.0" />
</font>
<effect>
<Glow />
</effect>
</PasswordField>
<TextField id="customerfName_tField" fx:id="customerfName_tField" alignment="CENTER" layoutX="14.0" layoutY="102.0" prefHeight="35.0" prefWidth="230.0" promptText="Enter first name here" style="-fx-background-color: gray;">
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
<font>
<Font name="Courier Oblique" size="14.0" />
</font>
<effect>
<Glow />
</effect>
<tooltip>
<Tooltip id="fNameToolTip" fx:id="fNameToolTip" contentDisplay="CENTER" text="Enter only characters, no spaces allowed" textAlignment="CENTER">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
</Tooltip>
</tooltip>
</TextField>
<TextField id="customerlName_tField" fx:id="customerlName_tField" accessibleRole="TEXT_FIELD" alignment="CENTER" layoutX="14.0" layoutY="146.0" prefHeight="35.0" prefWidth="230.0" promptText="Enter last name here" style="-fx-background-color: gray;">
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
<font>
<Font name="Courier Oblique" size="14.0" />
</font>
<effect>
<Glow />
</effect>
<tooltip>
<Tooltip id="lNameToolTip" fx:id="lNameToolTip" contentDisplay="CENTER" text="Enter only characters, no spaces allowed" textAlignment="CENTER">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
</Tooltip>
</tooltip>
</TextField>
<TextField id="customerEmail_tField" fx:id="customerEmail_tField" accessibleRole="TEXT_FIELD" alignment="CENTER" layoutX="14.0" layoutY="188.0" prefHeight="35.0" prefWidth="230.0" promptText="Enter email address here" style="-fx-background-color: gray;">
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
<font>
<Font name="Courier Oblique" size="14.0" />
</font>
<effect>
<Glow />
</effect>
<tooltip>
<Tooltip id="emailToolTip" fx:id="emailToolTip" contentDisplay="CENTER" text="Format: abc#xyz.com" textAlignment="CENTER">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
</Tooltip>
</tooltip>
</TextField>
<TextArea id="customerAddress_tArea" fx:id="customerAddress_tArea" layoutX="14.0" layoutY="236.0" prefHeight="42.0" prefWidth="230.0" promptText="Enter address here" style="-fx-background-color: gray; -fx-border-color: gray;" wrapText="true">
<opaqueInsets>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</opaqueInsets>
<effect>
<ColorAdjust brightness="0.33" contrast="0.02" hue="0.12" saturation="-0.07">
<input>
<DropShadow />
</input>
</ColorAdjust>
</effect>
<font>
<Font name="Courier Oblique" size="14.0" />
</font>
<padding>
<Insets bottom="0.5" left="0.5" right="0.5" top="0.5" />
</padding>
<tooltip>
<Tooltip id="addressToolTip" fx:id="addressToolTip" contentDisplay="CENTER" text="Do not enter any special characters" textAlignment="CENTER">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
</Tooltip>
</tooltip>
</TextArea>
<Button id="customerSubmit_Button" fx:id="customerSubmit_Button" alignment="CENTER" contentDisplay="RIGHT" layoutX="149.0" layoutY="294.0" mnemonicParsing="false" prefHeight="35.0" prefWidth="95.0" style="-fx-background-color: wheat; -fx-border-color: brown;" text="Submit" textAlignment="CENTER" textFill="#081057">
<font>
<Font name="Wawati SC Regular" size="16.0" />
</font>
<opaqueInsets>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</opaqueInsets>
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
</Button>
<Label id="lblInvalidfName" fx:id="lblInvalidfName" alignment="CENTER" contentDisplay="CENTER" layoutX="251.0" layoutY="102.0" prefHeight="17.0" prefWidth="120.0" style="-fx-background-color: black; -fx-border-color: black;" text="Invalid First Name" textAlignment="CENTER" textFill="#d72323" textOverrun="CENTER_ELLIPSIS" visible="false">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
<opaqueInsets>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</opaqueInsets>
<effect>
<Bloom threshold="0.22" />
</effect>
<cursor>
<Cursor fx:constant="DISAPPEAR" />
</cursor>
</Label>
<Label id="lblInvalidlName" fx:id="lblInvalidlName" alignment="CENTER" contentDisplay="CENTER" layoutX="251.0" layoutY="146.0" prefHeight="17.0" prefWidth="120.0" style="-fx-background-color: black; -fx-border-color: black;" text="Invalid Last Name" textAlignment="CENTER" textFill="#d72323" textOverrun="CENTER_ELLIPSIS" visible="false">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
<opaqueInsets>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</opaqueInsets>
<effect>
<Bloom threshold="0.22" />
</effect>
<cursor>
<Cursor fx:constant="DISAPPEAR" />
</cursor>
</Label>
<Label id="lblInvalidEmail" fx:id="lblInvalidEmail" alignment="CENTER" contentDisplay="CENTER" layoutX="251.0" layoutY="188.0" prefHeight="17.0" prefWidth="120.0" style="-fx-background-color: black; -fx-border-color: black;" text="Invalid Email" textAlignment="CENTER" textFill="#d72323" textOverrun="CENTER_ELLIPSIS" visible="false">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
<opaqueInsets>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</opaqueInsets>
<effect>
<Bloom threshold="0.22" />
</effect>
<cursor>
<Cursor fx:constant="DISAPPEAR" />
</cursor>
</Label>
<Label id="lblInvalidAddress" fx:id="lblInvalidAddress" alignment="CENTER" contentDisplay="CENTER" layoutX="251.0" layoutY="236.0" prefHeight="17.0" prefWidth="120.0" style="-fx-background-color: black; -fx-border-color: black;" text="Invalid Address" textAlignment="CENTER" textFill="#d72323" textOverrun="CENTER_ELLIPSIS" visible="false">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
<opaqueInsets>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</opaqueInsets>
<effect>
<Bloom threshold="0.22" />
</effect>
<cursor>
<Cursor fx:constant="DISAPPEAR" />
</cursor>
</Label>
<Label id="lblInvalidUsername" fx:id="lblInvalidUsername" alignment="CENTER" contentDisplay="CENTER" layoutX="251.0" layoutY="14.0" prefHeight="17.0" prefWidth="120.0" style="-fx-background-color: black; -fx-border-color: black;" text="Invalid Username" textAlignment="CENTER" textFill="#d72323" textOverrun="CENTER_ELLIPSIS" visible="false">
<font>
<Font name="Wawati SC Regular" size="13.0" />
</font>
<opaqueInsets>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</opaqueInsets>
<effect>
<Bloom threshold="0.22" />
</effect>
<cursor>
<Cursor fx:constant="DISAPPEAR" />
</cursor>
</Label>
</children>
</Pane>
</center>
<top>
<Pane id="customerSignUpLabel_pane" fx:id="customerSignUpLabel_pane" prefHeight="57.0" prefWidth="600.0" BorderPane.alignment="CENTER">
<children>
<Label id="customerSignUp_label" fx:id="customerSignUp_label" alignment="CENTER" contentDisplay="CENTER" layoutX="114.0" layoutY="14.0" prefHeight="46.0" prefWidth="341.0" style="-fx-background-color: gray;" text="Customer Sign Up ..." textAlignment="CENTER" textFill="#081057">
<padding>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</padding>
<font>
<Font name="Copperplate Bold" size="28.0" />
</font>
<opaqueInsets>
<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
</opaqueInsets>
</Label>
</children>
</Pane>
</top>
<effect>
<Bloom threshold="1.0">
<input>
<ColorAdjust />
</input>
</Bloom>
</effect>
</BorderPane>
</children>
<opaqueInsets>
<Insets />
</opaqueInsets>
<effect>
<Blend opacity="0.55" />
</effect>
</AnchorPane>
Looking forward to suggestions.
I solved the issue.
It was because one of my parent pane was referencing some other fxml file node which had same fx:id.
Hope that helps other people facing similar issues.
I am having one strange problem, though I have good knowdedge about css and all. But in javafx I am facing strange situation. When I take cursor away from the MenuItem, the background color goes blue.
Here is my code
<MenuButton id="scMenuButton" fx:id="searchCriteriaMenu" mnemonicParsing="false" nodeOrientation="LEFT_TO_RIGHT" text="Search Template" textFill="WHITE" wrapText="true">
<items>
<!-- <MenuItem id="scMenuItem" fx:id="scMenuItem" mnemonicParsing="false" style="-fx-background-color: transparent; -fx-padding: 0; -fx-margin: 0;">
<graphic> -->
<CustomMenuItem id="#searchCustomMenuItem" fx:id="scMenuItem" hideOnClick="false" mnemonicParsing="false" style="-fx-background-color: transparent; -fx-padding: 0; -fx-margin: 0;" styleClass="redBorder">
<content>
<VBox id="searchMbox" fx:id="advancedSearchVbox" prefHeight="406.0" prefWidth="359.0" style="-fx-font-weight: bold;" visible="false">
<children>
<AnchorPane id="searchAnchorPane" minHeight="0.0" minWidth="0.0" prefHeight="615.0" prefWidth="200.0" styleClass="noborder">
<children>
<HBox layoutY="76.0" minHeight="168.0" minWidth="345.0" prefHeight="168.0" prefWidth="357.0">
<children>
<ScrollPane hbarPolicy="NEVER" maxHeight="230.0" minWidth="355.0" prefHeight="216.0" prefWidth="355.0" vbarPolicy="AS_NEEDED">
<content>
<VBox fx:id="userSelectedValues" fillWidth="true" layoutY="5.0" maxWidth="355.0">
</VBox>
</content>
</ScrollPane>
</children>
</HBox>
<Group layoutY="-100.0">
<children>
<HBox layoutX="7.0" layoutY="350.0" prefHeight="35.0" prefWidth="348.0">
<children>
<Text layoutX="7.0" layoutY="335.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Template Name">
<HBox.margin>
<Insets right="5.0" top="9.0" />
</HBox.margin>
</Text>
<ComboBox fx:id="templateNameComboBox" layoutX="94.0" layoutY="330.0" prefWidth="248.0" promptText="Select Template Name">
<HBox.margin>
<Insets left="7.0" />
</HBox.margin>
</ComboBox>
</children>
</HBox>
<HBox layoutX="7.0" layoutY="385.0" prefHeight="35.0" prefWidth="348.0">
<children>
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Type of template">
<HBox.margin>
<Insets top="9.0" />
</HBox.margin>
</Text>
<ComboBox fx:id="templateTypeComboBox" prefWidth="248.0" promptText="Select Template Type">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="Private" />
<String fx:value="Public" />
</FXCollections>
</items>
<HBox.margin>
<Insets left="5.0" />
</HBox.margin>
</ComboBox>
</children>
</HBox>
<HBox alignment="TOP_CENTER" layoutX="-8.0" layoutY="422.0" prefHeight="100.0" prefWidth="360.0">
<children>
<CheckBox fx:id="defaultTemplate" mnemonicParsing="false" />
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Set as a default template">
<HBox.margin>
<Insets top="3.0" />
</HBox.margin>
</Text>
</children>
</HBox>
<HBox layoutX="5.0" layoutY="450.0" prefHeight="45.0" prefWidth="352.0">
<children>
<Button mnemonicParsing="false" onAction="#onSaveTemplate" prefHeight="45.0" prefWidth="67.0" styleClass="advancedRedButton" text="Save Template" textAlignment="CENTER" wrapText="true">
<cursor>
<Cursor fx:constant="HAND" />
</cursor></Button>
<Button mnemonicParsing="false" onAction="#onEditTemplate" prefHeight="45.0" prefWidth="67.0" styleClass="advancedRedButton" text="Edit Template" textAlignment="CENTER" wrapText="true">
<HBox.margin>
<Insets left="8.0" />
</HBox.margin>
<cursor>
<Cursor fx:constant="HAND" />
</cursor>
</Button>
<Button mnemonicParsing="false" onAction="#onDeleteTemplate" prefHeight="45.0" prefWidth="67.0" styleClass="advancedRedButton" text="Delete Template" textAlignment="CENTER" wrapText="true">
<HBox.margin>
<Insets left="8.0" />
</HBox.margin>
<cursor>
<Cursor fx:constant="HAND" />
</cursor>
</Button>
<Button mnemonicParsing="false" onAction="#onClearTemplate" prefHeight="45.0" prefWidth="55.0" styleClass="advancedRedButton" text="Clear" textAlignment="CENTER" wrapText="true">
<HBox.margin>
<Insets left="8.0" />
</HBox.margin>
<cursor>
<Cursor fx:constant="HAND" />
</cursor>
</Button>
<Button mnemonicParsing="false" onAction="#advancedSearch" prefHeight="45.0" prefWidth="55.0" styleClass="advancedRedButton" text="Search">
<HBox.margin>
<Insets left="8.0" />
</HBox.margin>
<cursor>
<Cursor fx:constant="HAND" />
</cursor>
</Button>
</children>
</HBox>
</children>
</Group>
<HBox layoutX="5.0" layoutY="5.0" prefHeight="73.0" prefWidth="348.0">
<children>
<GridPane fx:id="gridPane" hgap="3.0" layoutX="6.6" layoutY="60.6" prefHeight="43.0" prefWidth="348.0" vgap="1.0" AnchorPane.bottomAnchor="30.0" AnchorPane.leftAnchor="-3.0" AnchorPane.rightAnchor="-10.0" AnchorPane.topAnchor="51.0">
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" maxWidth="132.99999237060547" minWidth="10.0" prefWidth="126.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="102.0" minWidth="10.0" prefWidth="102.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="115.0" minWidth="10.0" prefWidth="86.0" />
<ColumnConstraints hgrow="SOMETIMES" maxWidth="76.0" minWidth="10.0" prefWidth="28.0" />
<ColumnConstraints />
</columnConstraints>
<rowConstraints>
<RowConstraints maxHeight="140.0" minHeight="10.0" prefHeight="24.0" vgrow="SOMETIMES" />
<RowConstraints maxHeight="275.0" minHeight="10.0" prefHeight="48.0" vgrow="SOMETIMES" />
</rowConstraints>
<children>
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Field" textAlignment="CENTER" wrappingWidth="35.9765625" GridPane.halignment="CENTER" GridPane.valignment="CENTER">
<styleClass>
<String fx:value="boldFont" />
<String fx:value="px16Font" />
</styleClass>
</Text>
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Operator" GridPane.columnIndex="1" GridPane.halignment="CENTER">
<styleClass>
<String fx:value="boldFont" />
<String fx:value="px16Font" />
</styleClass>
</Text>
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Value" GridPane.columnIndex="2" GridPane.halignment="CENTER">
<styleClass>
<String fx:value="boldFont" />
<String fx:value="px16Font" />
</styleClass>
</Text>
<ComboBox fx:id="fieldName" prefWidth="150.0" promptText="Select Field" GridPane.rowIndex="1">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="CLSMESSAGEID" />
<String fx:value="PAYMENTTYPE" />
<String fx:value="REQUESTTYPE" />
<String fx:value="VALUEDATE" />
</FXCollections>
</items>
</ComboBox>
<ComboBox fx:id="operator" prefWidth="150.0" promptText="Select Operator" GridPane.columnIndex="1" GridPane.rowIndex="1">
<items>
<FXCollections fx:factory="observableArrayList">
<String fx:value="IN" />
<String fx:value="NOT IN" />
<String fx:value="EQUALS" />
<String fx:value="NOT EQUALS" />
<String fx:value="LESS THAN" />
<String fx:value="LESS THAN EQUALS" />
<String fx:value="GREATER THAN" />
<String fx:value="GREATER THAN EQUALS" />
</FXCollections>
</items>
</ComboBox>
<TextField fx:id="fieldValue" GridPane.columnIndex="2" GridPane.rowIndex="1" />
<Button fx:id="addImage" mnemonicParsing="false" onAction="#addOptions" prefHeight="20.0" prefWidth="20.0" styleClass="addImg" GridPane.columnIndex="3" GridPane.rowIndex="1">
<GridPane.margin>
<Insets left="5.0" />
</GridPane.margin>
<cursor>
<Cursor fx:constant="HAND" />
</cursor>
</Button>
</children>
</GridPane>
</children>
</HBox>
</children>
</AnchorPane>
</children>
</VBox>
</content>
</CustomMenuItem>
<!-- </graphic>
</MenuItem> -->
</items>
<HBox.margin>
<Insets left="6.0" />
</HBox.margin>
<cursor>
<Cursor fx:constant="HAND" />
</cursor>
<styleClass>
<String fx:value="redButton" />
<String fx:value="whiteText" />
</styleClass>
</MenuButton>