The Scheduler component can display link details on hover using a link bubble.
The link bubble is not enabled by default. You need to create a custom DayPilot.Buble object and assign it to the linkBubble property to activate it:
{
linkBubble: new DayPilot.Bubble(),
// ...
}
You can specify the static bubble HTML using the bubbleHtml
property of the link data object:
const links =[
{
from: 1,
to: 2,
type: "FinishToStart",
bubbleHtml: "Bubble text"
}
];
dp.update({links});
Another option is to generate the bubble content dynamically using the onLoad event handler:
linkBubble: new DayPilot.Bubble({
onLoad: args => {
const e = args.source;
args.html = "Custom link bubble text";
}
}),