Adding kendo tooltip to kendo combo box

5 posts, 0 answers
  1. Michelle
    Michelle avatar
    33 posts
    Member since:
    Feb 2015

    Posted 27 Nov 2015 Link to this post

    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

  2. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 30 Nov 2015 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Michelle
    Michelle avatar
    33 posts
    Member since:
    Feb 2015

    Posted 30 Nov 2015 Link to this post

    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

  5. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 02 Dec 2015 Link to this post

    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!
     
  6. Michelle
    Michelle avatar
    33 posts
    Member since:
    Feb 2015

    Posted 03 Dec 2015 Link to this post

    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

Back to Top
Kendo UI is VS 2017 Ready