Is it Possible to turn of the animation on the when dragging a panel?

[PropTech Christchurch Developers]

Hi,

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.

[LeoLavanya Dhanaraj]

Hi PropTech,

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 assistance.

[Index.razor]

<SfDashboardLayout  Columns="5" AllowResizing="true" ID="dashboard"> …

</SfDashboardLayout>

 

<style>

    #dashboard .e-holder {

        display: none;

    }

</style>

Please get back to us if you need any further assistance.

Regards,

Leo Lavanya Dhanaraj