How to set a panel dragging target

Hi,

When In ipad, the first "Data" panel has scroll bar. When I scroll this panel to check the data, it trigger the panel drag and drop event. Very inconvenient.

How to set only the header of panel can drag? Or any better idear?




1 Reply

IL Indhumathy Loganathan Syncfusion Team July 22, 2022 07:13 AM UTC

Hi Lorryl,


Greetings from Syncfusion support.


Yes, you can set a particular part of the panel as draggable using the draggableHandle property. Initially, the complete panel will act as the handler for dragging the panel, such that the dragging action occurs on clicking anywhere over the panel. However, by using the property, you can limit the dragging action to a specific element in the panel.


Please check the below documentation for reference.


https://ej2.syncfusion.com/angular/documentation/dashboard-layout/interaction-with-panels/dragging-moving-of-panels/#customizing-the-dragging-handler


In the above link, the dragging action of panel occurs only with the header of the panel. Please try the suggested way at your end and get back to us if you need any further assistance.


Regards,

Indhumathy L


Loader.
Up arrow icon