Hi,
When a combobox has virtualization enabled. If an item's text is too long, instead of wrapping the line, it is now showing ellipsis. I am guessing it wants to keep a fixed height for every item for virtualization purpose. Is there a way to show the full text if its overflowed? For example, show a tooltip when mouse over the item?
Thanks,
Jie
1 Answer, 1 is accepted
Hello Jie,
You can add custom item rendering and set a "title" attribute to a DIV or SPAN element, so that it can display the text that you want. You can also wrap the ComboBox in a Tooltip component, so that it will show stylized tooltip. Following is an example demonstrating this approach:
Hope this helps.
Regards,
Konstantin Dikov
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!
Rank 3
Iron
Iron
Iron
Hello,
Displaying the tooltips might be the best option for this particular requirement, since rendering items with different height might cause problems with the virtualization. Nevertheless, I have tested rendering the text on multiple lines and the virtualization seems to work as expected:
Here is the example with the virtual scrolling and the custom rendering of the items:
If you have further questions, please feel free to get back to us.