MaTeMaTuK/gantt-task-react

How to show other custom values in the hover card

Opened this issue · 1 comments

Surendiranselvarasu commented

image
I am just tried to add one more field value in the tooltip but my changes in the tooltip.tsx is not taking or reflecting

kero-afro commented

I was able to change the tooltip by following the steps below, referring to #86.

  1. Create a tooltip component
    image

  2. Pass the component created in step 1 to appGantt's TooltipContent (CustomizeTooltip=props.CustomizeTooltipContent)
    image

The image below is the actual result.
image

The currently selected task can be referenced by the argument "task".

CSS is used as is from the link below.
https://github.com/MaTeMaTuK/gantt-task-react/blob/main/src/components/other/tooltip.module.css

  • ❤️1