Tooltip
Tooltip is a component that can be used in conjunction with any component to display contextual information.
Usage
Tooltip is a component that can be used in conjunction with any component to display contextual information. When the attached component is hovered, the tooltip displays the contextual information.
Client-side implementation
This is the server-side (Java) API for Vaadin Platform for the vcf-tooltip component. Looking for the client-side version? It can be found here: https://vaadin.com/directory/component/vaadin-component-factoryvcf-tooltip
Sponsored development
Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing
Sample code
Button button = new Button("Click me"); Tooltip tooltip = new Tooltip(); tooltip.attachToComponent(button); tooltip.setPosition(TooltipPosition.RIGHT); tooltip.setAlignment(TooltipAlignment.LEFT); tooltip.add(new H5("Hello")); tooltip.add(new Paragraph("This is an example of how to use it")); // Tooltip should be added to layout as well add(button, tooltip);
Button open = new Button("Open tooltip", event -> { tooltip.open(); }); Button close = new Button("Close tooltip", event -> { tooltip.close(); }); button.addClickListener(event -> { tooltip.setEnabled(!tooltip.isEnabled()); }); // Tooltip should be added to layout as well add(open, close, button, tooltip);
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Version compatible with Vaadin 22.
- Released
- 2023-09-29
- Maturity
- EXPERIMENTAL
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 22
- Vaadin 14+ in 1.2.2
- Vaadin 14 in 1.3.6
- Vaadin 10+ in 1.2.0
- Vaadin 23+ in 2.0.0
- Vaadin 23 in 2.0.3
- Browser
- N/A
Tooltip - Vaadin Add-on Directory
Tooltip is a component that can be used in conjunction with any component to display contextual information.View on GitHub
Tooltip version 1.2.0
Updated client-side dependency to vcf-tooltip v1.2.0
Tooltip version 1.2.1
Updated to use vcf-tooltip v1.2.1
Changes since vcf-tooltip v1.2.0:
- Fix tooltip position when target element has absolute positioning (issue #29 from old repository)
Tooltip version 1.2.2
Upgrade to Vaadin 14.
Use version 1.2.1 for Vaadin 10-13.
Tooltip version 1.3.0
### Version 1.3.0
- Relicensed to Apache 2
- Adds integrated close button feature
- Works only with npm mode
Tooltip version 1.3.1
### Version 1.3.1
- Small styling improvements
Tooltip version 1.3.2
### Version 1.3.2
- Fix small issue with tooltip property
Tooltip version 1.3.3
A11y improvements
Tooltip version 1.3.4
Fix a positioning issue when the Tooltip is in a Dialog
Tooltip version 1.3.5
Bump the Vaadin version and change the polymer dependency to be a range.
It will reduce the possible conflicts.
Tooltip version 1.3.6
Remove all references to CVAL and use Apache 2.
Use https instead of http for maven repository
Tooltip version 1.3.7
Add an animation by default when the tooltip is opened/closed
Tooltip version 2.0.0
Make the component compatible with Vaadin 23
Tooltip version 2.0.1
Fix the version of Java, Vaadin and the demo helpers
Tooltip version 2.0.2
Fix tooltip not showing on first load in some Flow apps
Tooltip version 2.0.3
Update client side dependency to 23.0.5.
Tooltip version 22.0.1
Version compatible with Vaadin 22.