This is a migrated thread and some comments may be shown as answers.

Scheduler tooltip support

3 Answers 292 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Matej
Top achievements
Rank 1
Veteran
Matej asked on 07 Jul 2020, 06:56 AM

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.

3 Answers, 1 is accepted

Sort by
0
Accepted
Kiril
Telerik team
answered on 08 Jul 2020, 06:38 AM

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.
0
Matej
Top achievements
Rank 1
Veteran
answered on 09 Jul 2020, 12:14 PM

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.

0
Accepted
Kiril
Telerik team
answered on 10 Jul 2020, 06:09 AM

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.
Tags
General Discussions
Asked by
Matej
Top achievements
Rank 1
Veteran
Answers by
Kiril
Telerik team
Matej
Top achievements
Rank 1
Veteran
Share this question
or