Is it possible to turn off the effects when dragging a panel to a new position in the Dashboard component?
I have a custom dashboard that contains around 9 panels of charts. The performance is ok when there are 1 or 2 charts but gets steadily worse when you have more. It seems like there is an initial shadow that shows where you are dragging the panel to but the actual panel doesn't move very quickly behind it and gives a laggy unresponsive effect. It would be good to be able to speed that up or have the option to remove the animation.
LDLeoLavanya Dhanaraj Syncfusion Team April 21, 2023 01:59 PM UTC
Greetings from Syncfusion support.
Based on the shared details, we understand that you wish to
remove the panel holder element from the Dashboard Layout component.
We would like to note that while dragging a panel, a shadow
will appear beneath it to indicate where the panel can be placed upon dropping.
If one or more panels collide while dragging, the colliding panels will be
pushed towards the available adaptive space in the left, right, top, or bottom
direction. The position of these colliding panels will dynamically update
during panel dragging, giving users the option to choose where to place the
panel. This is the default behavior of the Dashboard Layout component.
However, you can achieve your desired outcome with CSS
selectors by overriding the corresponding item's styles. To meet your requirement,
we have set the display CSS property to none for the Dashboard
panel helper element.
Check out the below-mentioned code snippets for further