tool tip with drop down

2 posts, 0 answers
  1. Wisam Mahdi
    Wisam Mahdi avatar
    7 posts
    Member since:
    Nov 2009

    Posted 22 Jul 2012 Link to this post

    Hi,
    can you please let me know if the tool tip is supported in the dropdown, if not can you please let me know if there is any way to show popup associated with each item in the dropdwon

    thanks
    Wisam
  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2894 posts

    Posted 23 Jul 2012 Link to this post

    Hi Wisam,

    I already replied to your question in the support ticket that you have submitted on the same subject. For convenience I am pasting my reply here as well.

    I am afraid that at present such functionality is not supported out of the box. As a workaround you could manually add a title attribute to the drop down <li> items, thus way a standard html tool tip will be displayed on hover. It is recommended to attach the attributes on the dataBount event of the widget: 
    dataBound: function() {
        $(this.items()).each(function(index, item) {
            var model = $("#input").data("kendoDropDownList").dataItem(index);
              
            $(item).attr("title", "A sample tooltip for: " + model.text);
        });
    }

    For convenience I prepared a small example using this approach in action.

    Regards,
    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top