aspnet-js-aspxclientgantt-d5dec473.md
Occurs before the Gantt displays the tooltip when users resizes or moves the task in the UI.
TimeTooltipShowing: ASPxClientEvent<ASPxClientGanttTimeTooltipShowingEventHandler<ASPxClientGantt>>
The TimeTooltipShowing event's data class is ASPxClientGanttTimeTooltipShowingEventArgs. The following properties provide information specific to this event:
| Property | Description |
|---|---|
| cancel | Specifies whether to cancel the related action (for example, row edit, export). Inherited from ASPxClientCancelEventArgs. |
| container | Gets the tooltip container. |
| item | Gets information about the task’s start and end time. |
Handle the TimeTooltipShowing event to specify custom content for the tooltip that displays the task’s start and end time while the user resizes or moves the task in the UI.
Web Forms:
<dx:ASPxGantt ID="Gantt" >
<ClientSideEvents TaskUpdating="function(s, e) {
var customContainer = document.createElement("div");
customContainer.classList.add("custom-time");
customContainer.textContent = 'End Date: ' + e.item.end;
e.container.appendChild(customContainer);
}" />
</dx:ASPxGantt>
MVC:
@Html.DevExpress().Gantt(settings => {
settings.Name = "gantt";
settings.ClientSideEvents.TimeTooltipShowing = "function (s, e) {
var customContainer = document.createElement("div");
customContainer.classList.add("custom-time");
customContainer.textContent = 'End Date: ' + e.item.end;
e.container.appendChild(customContainer);
}";
...
}).Bind(
GanttDataProvider.Tasks, GanttDataProvider.Dependencies,
GanttDataProvider.Resources, GanttDataProvider.ResourceAssignments
).GetHtml()
See Also