title: Customize ListView in JavaFX with FXML
body: <p>I want to make a customize list view in javafx. Here I need to bind multiple component in list cell as follow, like 
  one label, one textfield, one button under one HBox and
  two button, one hyperlink, one label in another HBox and 
  these HBox comes under one VBox and 
  this VBox comes under the single list cell and 
  it will repeat and make a list View.</p>
  
  <p>The code is </p>
  
  <pre><code>&lt;ListView fx:id="ListView" layoutX="0" layoutY="30" prefWidth="600" prefHeight="300"&gt;
      &lt;HBox fx:id="listBox" alignment="CENTER_LEFT"&gt;
          &lt;padding&gt;&lt;Insets top="5" bottom="5" left="5"&gt;&lt;/Insets&gt; &lt;/padding&gt;
          &lt;HBox alignment="CENTER_LEFT" prefWidth="170" minWidth="88"&gt;
              &lt;Label fx:id="surveyName" text="Field A" styleClass="Name"&gt;&lt;/Label&gt;
          &lt;/HBox&gt;
          &lt;VBox styleClass="Description" prefWidth="155" minWidth="86"&gt;
  
              &lt;HBox&gt;
                  &lt;HBox styleClass="surveyDesIcon" prefWidth="20" prefHeight="16"&gt;&lt;/HBox&gt;
                  &lt;Label fx:id="surveyCode" text="PRW3456HJ"&gt;&lt;/Label&gt;
              &lt;/HBox&gt;
              &lt;HBox&gt;
                  &lt;HBox styleClass="DateIcon" prefWidth="20" prefHeight="16"&gt;&lt;/HBox&gt;
                  &lt;Label fx:id="Date" text="PRW3456HJ"&gt;&lt;/Label&gt;
              &lt;/HBox&gt;
          &lt;/VBox&gt;
          &lt;HBox fx:id="Status" prefWidth="160" minWidth="80"&gt;
              &lt;Label fx:id="StatusLabel" text="Checking Files.."/&gt;
          &lt;/HBox&gt;
          &lt;HBox fx:id="StatusIcon1" prefWidth="50" prefHeight="50" alignment="CENTER"&gt;
              &lt;Label styleClass="StatusIcon1" prefWidth="24" prefHeight="24" alignment="CENTER"/&gt;
          &lt;/HBox&gt;
          &lt;HBox fx:id="StatusIcon2" prefWidth="50" prefHeight="50" styleClass="StatusIconBox" alignment="CENTER"&gt;
              &lt;Hyperlink styleClass="StatusIcon2" prefWidth="24" maxHeight="24" alignment="CENTER"/&gt;
          &lt;/HBox&gt;
      &lt;/HBox&gt;
  &lt;/ListView&gt;
  </code></pre>