Multi Drop Down with ToolTip

2 posts, 0 answers
  1. Stephen
    Stephen avatar
    1 posts
    Member since:
    Sep 2014

    Posted 14 Jul 2016 Link to this post



    We are looking for a way to do a tooltip on the drop down list so we can have additional information on an item. Is this possible?

  2. Konstantin Dikov
    Konstantin Dikov avatar
    2083 posts

    Posted 18 Jul 2016 Link to this post

    Hello Stephen,

    You could initialize the ToolTip widget over the popup element with filter set to "li", which will display the tooltip when you hover over an item. Following is a very simple example demonstrating such approach:
        dataTextField: "text",
        dataValueField: "value",
        dataSource: data,
        index: 0,
        dataBound: function(e) {
            var popupElement = e.sender.popup.element;
              filter: "li",
              content: function(e) {
                var target =; // the element for which the tooltip is shown
                var dataItem = $("#dropDown").data("kendoDropDownList").dataItem(target);
                return dataItem.text; // set the element text as content of the tooltip
              width: 400,
              height: 200,
              position: "top"

    Hope this helps.

    Konstantin Dikov
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top