search

MaTeMaTuK / gantt-task-react

Gantt chart for React with Typescript
MIT License
847 stars 471 forks source link

How to show other custom values in the hover card #211

Open Surendiranselvarasu opened 11 months ago

Surendiranselvarasu commented 11 months ago

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 9 months ago

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