Hover / more details

4 posts, 0 answers
  1. Chris
    Chris avatar
    21 posts
    Member since:
    Jul 2004

    Posted 01 Oct 2014 Link to this post

    Do you have any examples with treemaps with hover tooltip style windows - that can for example show the underlying values, or more details behind the item

    Thanks
  2. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 03 Oct 2014 Link to this post

    Hello Chris,

    We haven't such example but you need to:
    1) Wire up a mouse over event for .k-tile elements.
    2) Get the uid from the element.
    3) Get the dataItem from element uid.
    4) Show a tooltip or a div with information in the dataItem.

    I hope this helps.

    Regards,
    Hristo Germanov
    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. Dave
    Dave avatar
    1 posts
    Member since:
    Oct 2014

    Posted 21 Oct 2014 in reply to Hristo Germanov Link to this post

    Hristo, 

    Would your suggestion be implemented as a function on itemCreated, or would it be done outside of that object?
  5. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 23 Oct 2014 Link to this post

    Hello Dave,

    You can do both.

    Wire up to all dynamic elements via:
    $("#treeMap").on("mouseenter", ".k-leaf", function() { alert(1) });
    and you can hook up to the itemCreated event and attach your hover event.

    I hope this helps.

    Regards,
    Hristo Germanov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready