aspnet-js-aspxclientgantt-f1fe9d2b.md
Occurs before the Gantt displays the tooltip when users changes the task’s progress in the UI.
ProgressTooltipShowing: ASPxClientEvent<ASPxClientGanttProgressTooltipShowingEventHandler<ASPxClientGantt>>
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. |
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:
<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()
See Also