Tooltip on TreeViewNode

3 posts, 0 answers
  1. Krzysztof
    Krzysztof avatar
    3 posts
    Member since:
    Jun 2014

    Posted 10 Sep 2014 Link to this post

    I've tried to put ToolTip into TreeView node. This is my note template:

    script id="treeview-template" type="text/kendo-ui-template">
        <div style="width:500px">
            <span class="#: item.icon #" style="width:18px"></span>
            <span>#: #</span>
             # if (item.description() != null) { #
                <span class="ico-tooltip fa fa-info-circle" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="#: item.description() #" ></span>
             # } #
             <button type="button" class="btn btn-xs" style="height:16px;margin-left:5px">
                 <i class="fa fa-lg fa-plus-square-o"></i>

    I also tried to use kendo-knockout library with code:
    <i class="ico-tooltip fa fa-info-circle" data-bind="kendoTooltip: { content: item.description() }"></i>
    but it didn't work too...

    Is it any posibility to put working Tooltip on TreeView node?
    Is posibility to connect button on TreeView node to knockout function?

    Thanks for any help

  2. Alexander Popov
    Alexander Popov avatar
    1434 posts

    Posted 12 Sep 2014 Link to this post

    Hi Krzysztof,

    I would recommend initializing a Kendo ToolTip widget and setting its filter option to a selector matching the TreeView's items. Here is an example illustrating how this could be achieved.

    Alexander Popov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Krzysztof
    Krzysztof avatar
    3 posts
    Member since:
    Jun 2014

    Posted 16 Sep 2014 Link to this post

    Thanks for help! It is work for me!
Back to Top