How can I use the kendo tooltip with the kendo combo box? I can successfully show a tooltip on a plain <input> element, but once I turn the input element into a kendo combo box, the tooltip will not work anymore. Here's a code sample: http://dojo.telerik.com/uMafI. If you replace the <input> line with the commented out line, then you will see the tooltip.
It looks like the tooltip is being applied to the original element and not the element that is created by the kendo-combobox directive. If you go into the developer tools and remove the "display: none" on the original element, then you will see the tooltip when you hover over the previously hidden original element.
Thanks,
Michelle
4 Answers, 1 is accepted
The reason for the experienced inability to property apply the Tooltip on the ComboBox is the fact that you attempt to initialize two widgets on the same element, using Angular. Unfortunately, this would only be applicable in a scenario, where you have a custom directive, where the one widget should be initializes with JavaScript.
Regards,
Nencho
Telerik
Rank 1
Hi Nencho,
I don't think the problem is Angular. I have revised the example to use only JQuery to initialize the combo box and the tooltip. It also doesn't work. http://dojo.telerik.com/uMafI/6 Please comment out the commented line in the controller constructor to see that as soon as the combo box is initialized on the input element, the tooltip disappears.
Thanks,
Michelle
In the dojo example that you have last provided, you attempt to associate the ToolTip with the input of the ComboBox that gets hidden. This is the reason why in this case, the tooltip never shows.
In order to achieve correctly the desired scenario, you should initialize the tooltip from a visible element, which in that case would be the k-input element of the combobox.
In the modified dojo example below, you can inspect this implementation:
http://dojo.telerik.com/uMafI/8
Regards,
Nencho
Telerik
Rank 1
Hi Nencho,
Thanks for the reply. I actually found the same workaround as well. I was hoping there would be a cleaner way of achieving this. It seems like the kendo-tooltip widget should really take into account this scenario and properly handle tooltips being defined on other kendo widgets. It's a little strange that the kendo tooltip widget doesn't support other kendo widgets without requiring the user to apply a workaround that requires knowledge of the inner workings of the kendo widgets.
Michelle