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.

Web Forms:

ASPX

<dx:ASPxGantt ID="Gantt" >
    <ClientSideEvents ProgressTooltipShowing="onProgressTooltipShowing" ... />
</dx:ASPxGantt>

JS

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:

Razor C#

@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

• [Web Forms] Manage Tasks

• [Web Forms] Gantt Elements: Task

• [MVC] Gantt Elements: Task