[ANGULAR] Gantt: how to show tooltip on mouse over on image

[vbureanu]

Hello guys,

I want to show on mouse over a tooltip with the same image, but zoomed.
We tried "tooltip" but don`t understood how to do it.
Can you help us please?

image_2022_08_15T10_44_32_221Z.png (144.96 KiB) Viewed 353 times

Thanks,
Vitalie

[mats]

Hi Vitalie,

Have a look at the CellTooltip feature which should help you: https://bryntum.com/docs/grid/api/Grid/feature/CellTooltip

Example: https://bryntum.com/examples/grid/celltooltip/

[vbureanu]

Hi Mats,

We tried but without success.
We see tolltip only on grid header, but not on grid cell (60 days as example).
I have attached source code and screenshots.
Any idea?
Thanks a lot!

image_2022_08_16T14_19_29_071Z.png (98.61 KiB) Viewed 331 times

image_2022_08_16T14_22_23_599Z.png (21.9 KiB) Viewed 331 times

gantt_16.08.2022.zip

(333.38 KiB) Downloaded 24 times

[Animal]

You are not using the CellTooltip feature there. You are configuring the column with a tooltip.

The example linked to does show you exactly how to do it: https://bryntum.com/examples/grid/celltooltip/

[vbureanu]

Hello, Animal

We already use cellTooltip (as in previously attached project).
But without success.

image_2022_08_16T14_21_46_567Z.png (24.74 KiB) Viewed 324 times

[tasnim]

As you're using angular you need to set it in the markup.

As an example like this

<bryntum-gantt
	...
	[cellTooltipFeature]   = "ganttConfig.features.cellTooltip">
<bryntum-gantt/>

Good Luck ,
Tasnim