Adjusting the sensitivity of dragging of panels

[Ryan]

Hello,

        I use ej2-angular-layouts version 18.3.48. When I try to move the panels, they seem to be very sensitive to the mouse. Even a tiny amount of dragging moves the panel straight to the top, sometimes bottom. I was wondering if there is any method available to manipulate this behaviour.

Thank you,

Ryan D'Mello

[Muthukrishnan Kandasamy]

 

Hi Ryan, 

 

Thanks for contacting Syncfusion support. 

 

We have validated your requirement in Dashboard Layout component. By default, allowFloating property value was true. So that, panels will be automatically moved upwards to fill the empty space. If you don’t need this behavior, you set that property as false. Also, we have added transition style for every panels in Dashboard Layout so that animation looks faster. To resolve this problem, we suggest you to set the transition as none for all panels. Please refer to the below code block. 

 

 

#api_dashboard .e-panel { 

  transition: none !important; 

} 

 

 

We have prepared simple sample application for convenience, please refer to the below link for the sample. 

 

https://stackblitz.com/edit/angular-dashboard-floating?file=app.component.ts  

 

Documentation: https://ej2.syncfusion.com/angular/documentation/dashboard-layout/getting-started/ 

 

API: https://ej2.syncfusion.com/angular/documentation/api/dashboard-layout/ 

 

Demo: https://ej2.syncfusion.com/angular/demos/#/material/dashboard-layout/analytics-dashboard 

 

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

 

Regards, 

Muthukrishnan K 

[Ryan]

Hello,

         Thank you, below method worked out for me.

#api_dashboard .e-panel { 

  transition: none !important; 

}  

[Shameer Ali Baig Sulaiman Ali Baig]

Hi Ryan, 

 

Thanks for the update. 

 

We are happy to hear that our provided details helped you to fullfil your requirement. Please, get back to us if you need any further assistance. We will be happy to assist you. 

 

Regards, 

Shameer Ali Baig S.