How to stop drag event resize body width ?

[SURACHET WONGARRAYAPANICH]

like this https://material.angular.io/cdk/drag-drop/overview

[Muthukrishnan Kandasamy]

 

Hi Surachet, 

 

Thanks for contacting Syncfusion support. 

 

We have validated your requirement with your provided details. We suspect that your requirement is to restrict drag and drop functionality of TreeView within a specific target container. For achieving your requirement, we suggest you to use the DropArea property. Please refer to the below code block. 

 

    <div class="control_wrapper"> 

        <SfTreeView TValue="TreeItem" AllowDragAndDrop="true" DropArea=".control_wrapper"> 

            <TreeViewFieldsSettings DataSource="@TreeDataSource" Id="NodeId" Text="NodeText" Expanded="Expanded" Child="@("Child")"></TreeViewFieldsSettings> 

        </SfTreeView> 

    </div> 

 

We have prepared sample application for your convenience, the attached sample can be downloaded from the below link. 

 

https://www.syncfusion.com/downloads/support/forum/159722/ze/TreeView_DragArea-2002702829 

 

Documentation: https://blazor.syncfusion.com/documentation/treeview/getting-started/ 

 

Drag and Drop: https://blazor.syncfusion.com/documentation/treeview/drag-and-drop/ 

 

API: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfTreeView-1.html 

 

Demo: https://blazor.syncfusion.com/demos/treeview/default-functionalities?theme=bootstrap4 

 

We also have drag and drop support in ListBox component. Please refer to the below documentation link for more details. 

 

https://blazor.syncfusion.com/documentation/listbox/drag-and-drop/ 

 

Please let us know, if you need any further assistance. 

 

Regards, 

Muthukrishnan K