1. JavaFX Tutorial
2. JavaFX Overview
3. Your First JavaFX Application
4. JavaFX Stage
5. JavaFX Scene
6. JavaFX Node
7. JavaFX Properties
8. JavaFX FXML
9. JavaFX CSS Styling
10. JavaFX ImageView
11. JavaFX Text
12. JavaFX Fonts
13. JavaFX Hyperlink
14. JavaFX Label
15. JavaFX Button
16. JavaFX MenuButton
17. JavaFX SplitMenuButton
18. JavaFX ToggleButton
19. JavaFX RadioButton
20. JavaFX CheckBox
21. JavaFX ChoiceBox
22. JavaFX ComboBox
23. JavaFX ListView
24. JavaFX DatePicker
25. JavaFX ColorPicker
26. JavaFX TextField
27. JavaFX PasswordField
28. JavaFX Slider
29. JavaFX TextArea
30. JavaFX ToolBar
31. JavaFX Tooltip
32. JavaFX ProgressBar
33. JavaFX FileChooser
34. JavaFX DirectoryChooser
35. JavaFX Accordion
36. JavaFX TitledPane
37. JavaFX SplitPane
38. JavaFX TabPane
39. JavaFX ScrollPane
40. JavaFX Group
41. JavaFX Region
42. JavaFX Pane
43. JavaFX HBox
44. JavaFX VBox
45. JavaFX Separator
46. JavaFX FlowPane
47. JavaFX TilePane
48. JavaFX GridPane
49. JavaFX MenuBar
50. JavaFX ContexMenu
51. JavaFX WebView
52. JavaFX PieChart
53. JavaFX TableView
54. JavaFX TreeView
55. JavaFX TreeTableView
56. JavaFX HTMLEditor
57. JavaFX Pagination
58. JavaFX BarChart
59. JavaFX StackedBarChart
60. JavaFX ScatterChart
61. JavaFX LineChart
62. JavaFX AreaChart
63. JavaFX StackedAreaChart
64. JavaFX Color
65. JavaFX 2D
66. JavaFX Effects
67. JavaFX 3D
68. JavaFX Transformation
69. JavaFX Animation
70. JavaFX Media - JavaFX Video and Audio Support
71. JavaFX Canvas
72. JavaFX Drag and Drop
73. JavaFX Concurrency

• Creating a Tooltip Instance
• Adding a Tooltip to a JavaFX Component
• Text Alignment
• Tooltip Graphics

The JavaFX Tooltip class (javafx.scene.control.Tooltip) can display a small popup with explanatory text when the user hovers the mouse over a JavaFX control. A Tooltip is a well-known feature of modern desktop and web GUIs. A Tooltip is useful to provide extra help text in GUIs where there is not space enough available to have an explanatory text visible all the time, e.g. in the button text.

Creating a Tooltip Instance

To use the JavaFX Tooltip class you must create a Tooltip instance. Here is an example of creating a JavaFX Tooltip instance:

Tooltip tooltip1 = new Tooltip("Creates a new file");

The text passed as parameter to the Tooltip constructor is the text displayed when the Tooltip is visible.

Adding a Tooltip to a JavaFX Component

Once you have created a Tooltip instance you need to add it to a JavaFX component to make it active. Here is an example of adding a Tooltip instance to a JavaFX Button:

Tooltip tooltip1 = new Tooltip("Creates a new file");

Button button1 = new Button("New");
button1.setTooltip(tooltip1);

Notice the call to Button's setTooltip() method. This is what causes the Tooltip instance to be visible when the mouse is hovered over the button.

Here is a screenshot showing how the resulting Tooltip could look:

Text Alignment

You can set the text alignment of the text inside the Tooltip box via its setTextAlignment() method. Here is an example of setting the text alignment of a Tooltip:

tooltip1.setTextAlignment(TextAlignment.LEFT);

The class javafx.scene.text.TextAlignment contains four different constants that represent different kinds of text alignment. The four constants are:

• LEFT
• RIGHT
• CENTER
• JUSTIFY

The first three constants represents the left, right and center justification of text within the popup box. The last constant, JUSTIFY, will align the text with both the left and right edges of the popup box by increasing the space in between the words to make the text fit.

Notice that setting the text alignment may not result in a visible effect on the text alignment. That is because by default width of the popup box around the text is calculated based on the width of the text. If your text is just a single line, the text will almost always appear centered within the popup box. Text alignment first really takes effect when the popup box contains multiple lines of text, or if you set the width of the Tooltip explicitly (manually).

Tooltip Graphics

You can set a graphic icon for a Tooltip via the setGraphic() method. Here is an example of setting a graphic icon for a Tooltip :

tooltip1.setGraphic(new ImageView("file:iconmonstr-basketball-1-16.png"));

Here is an example screenshot illustrating how a Tooltip graphic could look: