Gantt Chart Dialot

[Sarah]

Hello

In the Gantt Chart component:

1- What is OnClickEvent on Task? I could not find such an event.

2- By clicking on Task instead of opening the default dialog, how can I display my own dialog?

3- How can I change the mouse pointer that goes on Task (hover)?

[Ajithkumar Gopalakrishnan]

Hi Sarah,

Greetings from Syncfusion Support.

Query 1:  What is OnClickEvent on Task? I could not find such an event.

Currently, we do not have support for support for onTaskbarClick event feature in our Gantt Chart. We have already logged this requirement “Gantt Chart: Provide support for onTaskbarClick event” as uncertain feature at our end.

We will plan to implement this feature in any of our upcoming release. You can now track the current status of request, review the proposed resolution timeline, and contact us for any further inquiries through the below feedback link,

Feedback link: https://www.syncfusion.com/feedback/45429/gantt-chart-provide-support-for-ontaskbarclick-event

Until then we appreciate your patience and understanding.

Query 2:  By clicking on Task instead of opening the default dialog, how can I display my own dialog?

To achieve your requirement, we suggest using the GanttDialogOpening event in the Gantt chart. This event triggers when a taskbar is double-clicked or a CRUD operation is performed by opening a dialog. In this case, if args.cancel is set to true and the dialog opening is canceled, then your custom dialog function will be triggered. We have attached a code snippet and a sample for reference.

<SfGantt

> 

    ...

   <GanttEvents GanttDialogOpening="GanttDialogOpeningHandler" TValue="GanttData.TaskData"></GanttEvents>

</SfGantt>

public void GanttDialogOpeningHandler(GanttDialogOpenEventArgs<GanttData.TaskData> args)

{

    args.Cancel = true; // Cancel default dialog opening

 

    // Show the custom dialog

    showCustomDialog = true;

}

Query 3:  How can I change the mouse pointer that goes on Task (hover)?

To achieve your requirement, we suggest using the e-taskbar-main-container class cursor customized in the Gantt chart. We have attached a code snippet and sample for reference.

Ug link: https://blazor.syncfusion.com/documentation/gantt-chart/style-and-appearance

<style>

    .e-taskbar-main-container {

        cursor: grabbing !important;

    }

</style>

If we misunderstood your query, share us detailed Explanation, Screenshot/Video Demo to proceed further.

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/FetchData1385981397.zip

Contact us if you require any further assistance.

Regards,
Ajithkumar G