Mouseover tooltip for Combobox items?

General
1

Hi,

i have a combobox that shows data previously entered by users. Therefore the length of the entries shown is potentially longer than what can be displayed in the combobx without clipping/shortening. Adapting the size of the combobox to the length of the content is not an option because auf screen space limitations.

It would be nice to be able to have an indiviual mouseover tooltip for every item in the combobox. that way one could see the unclipped/unshortened data as tooltip.

Any ideas how to achieve this?

regards
Mario

2

That feature is not available in Vaadin 7 & 8 ComboBoxes. In Vaadin 10 we use totally new ComboBox, that has some advanced features that would be good in your case. With template renderer you can create multi line item captions with more detailed info, see here: https://vaadin.com/components/vaadin-combo-box/html-examples/combo-box-item-template-demos

One approach would be to wrap the new combo-box with https://vaadin.com/directory/component/elements-add-on/0.2.0 and use it with Vaadin 8 (it has been already done for Vaadin 7)

Another approach is to create custom component using Grid as item list (e.g. with PopupButton add-on), since it has setDescriptionGenerator(…) method and mechanics for having tooltips on individual items.

3

Thank you for the explanation!