Using SceneBuilder to Create a User Interface - JavaFX 8: A Definitive Guide to Building Desktop, Mobile, and Embedded Java Clients - page 136

Figure 3-23. The Import dialog for importing CustomComponent.jar
We can examine each custom component included in the jar file by clicking the custom component name
in the list on the left. Information about the selected custom component, including a visual representation of the
custom component, is displayed on the right side of the screen. We can select which custom components to import
by selecting the check box by the name of the component. We then click the Import Component button to finish the
importing process. After importing, the ProdId custom component shows up in the Library Panel's Custom section,
and can be added to any further UIs that are built.
Understanding the Document Panel
The Document Panel lives in the bottom portion of the Left Panel, and can be hidden using the View ➤ Hide
Document menu item. It holds two sections. The Hierarchy section displays a tree view of all the nodes that are added
to the Content Panel, organized by the containment relationship. Because the layout of the nodes in the Content Panel
might make it tricky to select a node from the Content Panel, it might be easier to make the selection in the Hierarchy
section in the Document Panel.
Figure 3-24 shows the Hierarchy section of the Document Panel for the FXML file in the FXMLLoaderExample in
Listing 3-4. You can see the expanded node tree with the WebView node selected.