Skip to main content
All docs
V24.1

ASPxClientGantt.ProgressTooltipShowing Event

Occurs before the Gantt displays the tooltip when users changes the task’s progress in the UI.

Declaration

ProgressTooltipShowing: ASPxClientEvent<ASPxClientGanttProgressTooltipShowingEventHandler<ASPxClientGantt>>

Event Data

The ProgressTooltipShowing event's data class is ASPxClientGanttProgressTooltipShowingEventArgs. 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 the task’s progress information.

Remarks

Handle the ProgressTooltipShowing event to specify custom content for the tooltip that displays the task’s progress while the user resizes the progress handler in the UI.

Gantt - ProgressTooltipShowing Event

Web Forms:

<dx:ASPxGantt ID="Gantt" >
    <ClientSideEvents ProgressTooltipShowing="onProgressTooltipShowing" ... />
</dx:ASPxGantt>
function onProgressTooltipShowing(s, e) {
    var customContainer = document.createElement("div");  
    customContainer.classList.add("custom-progress");
    customContainer.textContent = 'Progress: ' + e.item.progress + '%';  
    e.container.appendChild(customContainer); 
}

MVC:

@Html.DevExpress().Gantt(settings => {
    settings.Name = "gantt";
    settings.ClientSideEvents.ProgressTooltipShowing = "function (s, e) { 
        var customContainer = document.createElement("div");  
        customContainer.classList.add("custom-progress");
        customContainer.textContent = 'Progress: ' + e.item.progress + '%';  
        e.container.appendChild(customContainer); 
    }";
    ...
}).Bind(
    GanttDataProvider.Tasks, GanttDataProvider.Dependencies, 
    GanttDataProvider.Resources, GanttDataProvider.ResourceAssignments
).GetHtml()

Concepts

See Also