We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Feature Suggestion: 1) Gantt with inline/external template form editing 2) drag and drop allowed on based on TaskTypeof(T)

Thread ID:





128536 Jan 26,2017 11:11 PM UTC Jan 27,2017 11:29 AM UTC ASP.NET MVC 1
Tags: Gantt
Asked On January 26, 2017 11:11 PM UTC

Hello, this is only a feature suggestion / feedback not a bug, I will close shortly. 

1) Gantt Inline Edit form missing is needed:
 Often the Gantt record table may have additional information in the table:
 same Gantt table, for e.g. site name etc. currently you have cell editing - Request inline editing/External like a grid editing Gantt.InlineEditTemplateMode().
 or if a record is linked to a foreign key then also edit a form externally Gantt.DetailGrid().Show()

2) Gantt Drag Drop allow/disallow based on task:
 Drag and drop allowed on based on TaskTypeof(T)
 for e.g. 
 // Declare strongly typed tasks
 DragFrom("Testing").Icon("Hammer").AllowedToParentTask("Development", true).Icon("coder")   // Testing task can be dropped below/inside dev
 DragFrom("Development").AllowedToParentTask("Testing", false)
 //also the drag icon is very hard to see...

Please test the text editor its hard to format, do, undo, styles are unpredictable on different browsers


Jonesherine Stephen [Syncfusion]
Replied On January 27, 2017 11:29 AM UTC

Hi Megatron, 
Please find the response below: 
Query1: Gantt Inline Edit form missing is needed 
Solution: In Gantt we can perform cell edit /dialog edit by using editMode as cellEditing/normal respectively. We have rendered the Gantt with custom column and separate tab will be provided for custom columns in dialog add/edit. 
Please find the code example below: 
.EditSettings(edit => 
Query2: Gantt Drag Drop allow/disallow based on task: 
Solution: In “rowDragStart” client side event we can restrict the row drag action based on requirement. 
We have prepared the work around and based on custom column value we have restricted the row drag action. 
Please find the code example below: 
             .ClientSideEvents(eve => 
        function rowDragStart(args) { 
            if (args.draggedRow.customColumn1 == 10) { 
                args.cancel = true; 
        function load(args) { 
            //To load the custom columns in Gantt 
            var column = this.getColumns(), 
            progressfield = {}, 
            customField = { 
                field: "customColumn1", 
                mappingName: "customColumn1", 
                headerText: "Custom Column", 
                editType: "numericedit", 
            column.splice(2, 0, customField); 
Query3: Please test the text editor it’s hard to format, do, undo, styles are unpredictable on different browsers 
Solution: Please share us more details or screen shots related to this query with us .It would be helpful for us to server you better. 
We have also prepared the sample based on this. Please find the sample from below location 
Is this your requirement? If not please share us your exact requirement it would be helpful for us to serve you better. 
Jone sherine P S 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon