Gannt Chart Customization

[Yomal]

Hi,
In Blazor Gannt chart I want to add the following customizations, kindly let me know if the following item is feasible

• I want to add a tab for uploading files when creating a new task. (The user must be able to upload multiped files to a single task) and the uploaded files should be listed in a column in the Gannt for downloading.

Thank you.

[Monisha Sivanthilingam]

Hi Yomal, 

 

Greetings from Syncfusion support. 

 

Currently, we are working on your query. We will check on the feasibility of it and provide you with an update within one business day(July 23, 2021). 

 

We appreciate your patience until then. 

 

Regards, 

Monisha. 

[Monisha Sivanthilingam]

Hi Yomal, 

 

We apologize for the delay. 

 

We can achieve your requirement by making use of the Edit Template support available in Gantt Chart. We can render the SfUploader control in the custom column using the edit template. You can be able to upload files using this control. The following code snippets demonstrate the solution. 

 

Index.razor 

 

<GanttColumns> 

    <GanttColumn Field="TaskId" IsPrimaryKey=true></GanttColumn> 

    <GanttColumn Field="TaskName"></GanttColumn> 

    <GanttColumn Field="Duration"></GanttColumn> 

    <GanttColumn Field="StartDate"></GanttColumn> 

    <GanttColumn Field="Progress"></GanttColumn> 

    <GanttColumn Field="File Upload"> 

        <EditTemplate> 

        <SfUploader ID="UploadFiles" DropArea=".control-fluid"> 

            <UploaderEvents OnRemove="OnFileRemove"></UploaderEvents> 

            <UploaderAsyncSettings SaveUrl=https://aspnetmvc.syncfusion.com/services/api/uploadbox/Save 

               RemoveUrl=https://aspnetmvc.syncfusion.com/services/api/uploadbox/Remove></UploaderAsyncSettings> 

        </SfUploader> 

         </EditTemplate> 

    </GanttColumn> 

</GanttColumns> 

 

 

We have also prepared a sample for your reference. 

 

Please contact us if you require any further assistance. 

 

Regards, 

Monisha.