ASPxClientGantt.TimeTooltipShowing Event

Occurs before the Gantt displays the tooltip when users resizes or moves the task in the UI.

Declaration

TypeScript

TimeTooltipShowing: ASPxClientEvent<ASPxClientGanttTimeTooltipShowingEventHandler<ASPxClientGantt>>

Event Data

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.

Remarks

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:

ASPX

<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:

Razor C#

@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()

Concepts

• [Web Forms] Manage Tasks

• [Web Forms] Gantt Elements: Task

• [MVC] Gantt Elements: Task