All docs
V21.2
21.2
21.1
20.2
The page you are viewing does not exist in version 20.2. This link will take you to the root page.
20.1
The page you are viewing does not exist in version 20.1. This link will take you to the root page.
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

ASPxClientGantt.TimeTooltipShowing Event

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

Declaration

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.

Gantt - TimeTooltipShowing Event

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.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); 
    }";
    ...
}).Bind(
    GanttDataProvider.Tasks, GanttDataProvider.Dependencies, 
    GanttDataProvider.Resources, GanttDataProvider.ResourceAssignments
).GetHtml()

Concepts

See Also