This is a migrated thread and some comments may be shown as answers.

Adding kendo tooltip to kendo combo box

4 Answers 617 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Michelle
Top achievements
Rank 1
Michelle asked on 27 Nov 2015, 11:59 PM

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

Sort by
0
Nencho
Telerik team
answered on 30 Nov 2015, 02:21 PM
Hello Michelle,

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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Michelle
Top achievements
Rank 1
answered on 30 Nov 2015, 06:03 PM

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

0
Nencho
Telerik team
answered on 02 Dec 2015, 09:36 AM
Hello 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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Michelle
Top achievements
Rank 1
answered on 03 Dec 2015, 11:15 PM

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

Tags
ComboBox
Asked by
Michelle
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Michelle
Top achievements
Rank 1
Share this question
or