Changing Work Area

Question

Hi ,
I am new to JAVAFX, just going through the documents and samples provided in the site.
Example "IssueTrackingLite" has a single FXML file, based on the selection in the list view(Project1,Project2..) work area content changes.
But if I had a requirement like different project selection should show different layout then how could it be achieved?
Is it possible to create different FXML and based on the project selection can embed that in the content area?
Thank you
Kishan

Answer 1

Hi Danel,
I am experimenting the anchorpane properties to know it better ,
I have created a very template which has AnchorPane,1 SplitPane, 2 text boxes.
It generated the following FXML code,
<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<AnchorPane id="AnchorPane1" prefHeight="591.0" prefWidth="359.0000999999975" xmlns:fx="http://javafx.com/fxml" fx:controller="javafxapplicationtest.first">
<children>
<SplitPane dividerPositions="0.5201005025125628" focusTraversable="true" prefHeight="591.0" prefWidth="400.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<items>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
<children>
<TextField prefHeight="30.0" prefWidth="139.0" text="left" AnchorPane.bottomAnchor="275.0" AnchorPane.leftAnchor="39.5" AnchorPane.rightAnchor="25.5" AnchorPane.topAnchor="284.0">
<minHeight>
<Long fx:value="20" />
</minHeight>
<minWidth>
<Long fx:value="20" />
</minWidth>
</TextField>
</children>
</AnchorPane>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
<children>
<TextField fx:id="first" layoutX="14.0" layoutY="284.0" text="right">
<minHeight>
<Long fx:value="10" />
</minHeight>
<minWidth>
<Long fx:value="20" />
</minWidth>
<prefHeight>
<Long fx:value="30" />
</prefHeight>
<prefWidth>
<Long fx:value="90" />
</prefWidth>
</TextField>
</children>
</AnchorPane>
</items>
</SplitPane>
</children>
<minWidth>
<Long fx:value="400" />
</minWidth>
</AnchorPane>
I observed few behaviours for which I couldn't figure it out the reason.
In Designer, left Text Box properties "Layout X","Layout Y" are disabled where as right Text Box Layout X,Y are enabled.
If I preview screen in "preview Windows" and try to resize the window then left box is resizing proportionally where as right one is statically located at the same place.
Could you please tell why it is behaving differently?
Best Regards,
Kishan