Accordion_shape_image1
 
Code:

package javafxtemplate1;
//Grid_Transform1.htm
//textProperty().addListener Listview Label
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.control.Accordion;
import javafx.scene.control.Button;
import javafx.scene.control.DatePicker;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.control.TitledPane;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;

/**
*
* @author Manas9
*/
public class JavaFXTemplate1 extends Application {
final Canvas canvas = new Canvas(250,250);
@Override
public void start(Stage primaryStage) throws Exception {
//
Image image1 = new Image(JavaFXTemplate1.class.getResourceAsStream("disk1.jpg"));
ImageView iv1 = new ImageView(image1);
iv1.setFitHeight(125);iv1.setFitWidth(150);
GridPane grid = new GridPane();
grid.addRow(0, new Label("First Name:"), new TextField());
grid.addRow(1, new Label("Last Name:"), new TextField());
grid.addRow(2, new Label("DOB:"), new DatePicker());

//
Rectangle rect1 = new Rectangle(100, 50, Color.RED);
//
TitledPane t1 = new TitledPane("Shape ", rect1);
TitledPane t2 = new TitledPane("Image", iv1);
TitledPane t3 = new TitledPane("Grid", grid);
Accordion root = new Accordion();
root.getPanes().addAll(t1, t2, t3);

//
Scene scene = new Scene(root, 450,300);
primaryStage.setScene(scene);
primaryStage.setTitle("UI::Accordion");
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}

Runtime displays: