Scheduler tooltip support

4 posts, 2 answers
  1. Matej
    Matej avatar
    71 posts
    Member since:
    Jun 2019

    Posted 07 Jul 2020 Link to this post

    Hi,

    How to enable kendo tooltip for scheduler? In my example there is a custom child in the SchedulerItem where kendo tooltip is working but if I hover over item title (e.g. "Car Service") browser tooltip is shown instead of kendo.

  2. Answer
    Kiril
    Admin
    Kiril avatar
    24 posts

    Posted 08 Jul 2020 Link to this post

    Hello Matej,

    Ny default, the tooltip is showing the title of the exact element you are hovering.
    In the case with the SchedulerItem, there are multiple child elements which do not have a title and therefore the Tooltip is unable to detect a title to display.

    In order to enable parent-title detection, please set the parentTitle property of the Tooltip to `true`.

    I've extended the provided stackblitz example and the tooltip seems to work correctly. However, please let me know if i misunderstood the use-case:
    https://stackblitz.com/edit/react-yx1pr1-sznzmn

    Let me know if you need further assistance.

    Regards,
    Kiril
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
  3. Matej
    Matej avatar
    71 posts
    Member since:
    Jun 2019

    Posted 09 Jul 2020 Link to this post

    Thank you. 

    What is SchedulerItem title props doing? I would like to have the same tooltip text displayed when I hover over item "title" or my custom child.

  4. Answer
    Kiril
    Admin
    Kiril avatar
    24 posts

    Posted 10 Jul 2020 Link to this post

    Hello Matej,

    The SchedulerItem title property is a representation of the dataItem used to generated the current item and is used to generate the `aria-label` attribute of the top-most wrapping element.
    The `aria-label` is important for screen-readers to be able to provide the most accurate dictation of the current focused item.

    We understanding that the naming of the property can be confused with the `title` used to generate the Tooltip, we will make sure to update the documentation of the component. Thank you for bringing this to our attention

    In order to show the same custom tooltip when you hover the `item title`, we recommend removing the `title` property from all elements in the provided `children` collection, to make sure only your custom title is shown in the tooltip.
    I've updated the stackblitz example to demonstrate how to disable all other titles passed down the SchedulerItem tree:
    https://stackblitz.com/edit/react-yx1pr1-v2vupd?file=app%2Fmain.jsx

    Please let me know if you need further assistance, and i will be happy to help.

    Regards,
    Kiril
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top