Adding blocks of fields dinamically in JavaFX in a screen created using FXML

Completed Posted Sep 27, 2013 Paid on delivery
Completed Paid on delivery

I have a JavaFX screen, which is given in FXML format. (It is important that the screen is in FXML format, we cannot ignore this and generated the whole screen using Java code.) This screen contains a section describing identification documents of a customer. A customer may have multiple documents (passport, ID card, driving licence etc.), so we don't want to make any restriction. And each document has a set of attributes (ID number, issue date, expiry date etc.). We want the use to add as many documents as he wants and to delete whichever he wants. But instead of showing the documents in a table format, we want the following behaviour: by default the screen comes with one block of fields (to allow one document to be added). Plus a "Add more document" button. On pushing the button, a new block of fields should be added (dinamically) to the form, after the first block. Of course, the content of the screen which is below this document section, needs to be shifted further down. This way, any number of new block can be added. Plus each block has a "Remove this document" button. On pushing this button, that given section needs to be removed and the part of screen below that section needs to be shifted up. Please, note that any document can beremoved, not only the last one.

Important: When adding new block, the actual size of the screen should not change, only the content should become scrollable. (If I'm right, Scroll Pane will remain same, Anchor Pane will increase/decrease). I highlighted this because in the attached screenshots I changed the whole screensize, which is not the right approach.

Please, find attached the following:

[url removed, login to view] - this is the screen in FXML format

[url removed, login to view] - this is what we want to see on running the screen

[url removed, login to view] - this is what should happen after using the "Add more documents" button

[url removed, login to view] - this is what should happen on removing a documents using one of the "Remove this document" buttons

[url removed, login to view] - this is what happens when all documents are removed

JavaFX

Project ID: #4971212

About the project

8 proposals Remote project Active Oct 6, 2013

Awarded to:

waverick

Java 10+ expert, 10+ Swing experience, 1.5 year full time JavaFX developer

€99 EUR in 5 days
(1 Review)
2.3

8 freelancers are bidding on average €151 for this job

abhinay18

I have been working with javafx for more than a year now. I have already made many applications, including 2 on freelancer itself. You can check the ongoing "Photolicious project" which is completely made on JAVAFX.

€166 EUR in 4 days
(1 Review)
1.4
dk5

Hey, I am ready to fulfill your requirement

€155 EUR in 1 day
(1 Review)
1.2
dipakmodi

Hello, We have expertize in Java web as well as in Desktop Application. We have dedicated and experience resources in JAVA. Recently we have finished project in JAVAFX which has same functionality as you mentioned. More

€111 EUR in 2 days
(0 Reviews)
0.0
nishantsolankiit

Hey we have immense experienced with java swing and javafx desktop application. We are currently developing same kind of application which has dynamically creation of element. We can share the detail.

€177 EUR in 4 days
(0 Reviews)
0.0
radekkrakowiak

Hi, I'm ready to create this project for you.

€200 EUR in 10 days
(0 Reviews)
0.0
Champian

Let Champian handle this for you.

€150 EUR in 3 days
(0 Reviews)
0.0
farrukhobaid5006

Hi i have 4 year of experience in JavaFX can do this task easily

€150 EUR in 2 days
(0 Reviews)
0.0