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. Image for the cookie policy date

Row drag&drop


I need do drag&drop  on gantt, but I need avoid move the row as insertaschild, only inser above or insert below.

I would like remove that option insertasrowchild. and the icon.

How can I do it?

3 Replies

SR Suriyaprasanth Ravikumar Syncfusion Team September 29, 2017 09:59 AM UTC

Hi Manolo 
We can achieve your requirement by using “rowDrag” client side event. By using “dropPosition” property in “rowDrag” event argument we can validate the record drop position. 
This support was included in our Volume 3, SP1 release( If you are using earlier versions please upgrade your version to ( 
Please refer the below code snippet to prevent drop record as child. 
                   .ClientSideEvents(cs => 
    <script type="text/javascript"> 
        function rowDrag(args) { 
            if (args.dropPosition == "insertAsChild") { 
                args.canDrop = false; 
We have also prepared a sample as per your requirement, please find the sample from the below location. 
Our Essential Studio 2017 Volume-3 SP–1 Release v15.3.0.29 is rolled out and it is available for download under the following link:                      
Please let us know if you require further assistance on this.  
Suriyaprasanth R.  

MA Manolo October 2, 2017 11:00 AM UTC


SR Suriyaprasanth Ravikumar Syncfusion Team October 3, 2017 12:46 PM UTC

Hi Manolo, 

Please let us know if your require further assistance. 
Suriyaprasanth R. 

Live Chat Icon For mobile
Up arrow icon