Skip to main content
All docs
V25.1
  • 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.

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

    See Also