How do i add/use FileChooser on or with scene builder

Question

Hello... i am still new to javafx nd my english is not very, please bare with me... i was trying to implement a simple application that manages personal contacts. i started using scene builder to help with user interface.. i was planning on adding File Chooser for profile picture uploads but i just cant find it anywhere on scene builder
How can be able to use the fileChooser?

Answer 1

Scene Builder is just a layout creation tool, it doesn't write any code for you. 
To use a FileChooser you need to write code. 
This is because a file chooser is associated with the dynamic behaviour of a program, not the program's layout.
There is sample code in the Oracle file chooser tutorial:
http://docs.oracle.com/javafx/2/ui_controls/file-chooser.htm
1. In Scene Builder create a button with text "Open File".
2. Select your button. 
3. In the code pane provide a name for the onAction event handler. 
4. Have Scene Builder generate a code skeleton and save it to a file. 
5. Open the code skeleton and place the following code in the generated on action method stub;
FileChooser fileChooser = new FileChooser();
fileChooser.setTitle("Open File");
File file = fileChooser.showOpenDialog(null); // you could pass a stage reference here if you wanted.
if (file != null) // do something interesting with the file.
6. Compile and run your application.
7. Click on your Open File button.
8. A FileChooser will open.
9. Choose a File.
10. Your program will do something interesting with the file.