How to control/disable animation on dropdown tree?

Question

On the Blazor dropdown tree, is there a way to control the animation, disable it or set the time to 0? Also to stop the 'spinner' that appears as a node expands?

LeoLavanya Dhanaraj · Answer

Hi Matthew,Greetings
from Syncfusion support.Based on the
information you've provided, we understand that you would like to disable the
spinner and the animation effect for the expansion and collapse of tree nodes
in the Dropdown Tree component. We would like to inform you that there is no
direct property available to disable these effects for node expansion and
collapse. We achieve this effect using CSS styles for icon rotation and
transitions through specific CSS selectors. Disabling these features may lead
to a poor user experience. Additionally, the spinner is only visible the first
time you expand or collapse a node, as it indicates that data is loading.If you still
wish to meet this requirement in the Dropdown Tree component, please share your
specific use case along with the component details, such as the number
of tree nodes (both parent and child levels) and the type of data source
(self-referential, hierarchical, or remote data) being used on your end. This
information will help us evaluate the need and provide an appropriate solution.Regards,Leo Lavanya Dhanaraj

Matthew Paul · Answer

Hi Leo,It looks like it's something you support in the TreeView control:How to customize animation settings in Syncfusion Blazor TreeView?Given the dropdown tree looks to be the TreeView embedded in a dropdown with the same inputs and behaviors, I would have thought it would be possible to have the same control over animation? I basically find it quite slow and want to make it more responsive or instant. The UI in Microsoft Windows file explorer does this without animation for example, I wouldn't say that's a poor user experience.The spinner animation is a bit weird and I don't think should be there. Firstly the spinning circle gets clipped on the left hand side so doesn't look great. Plus, I'm not binding to remote data, I'm not using 'LoadOnDemand' it's all local self-referential data, so why show a loading indicator? Once you've expanded the node, it goes back to just showing the rotating '>' which is what I'd want. Maybe this is a bug and that spinner is only meant to show up if you're using 'LoadOnDemand'? It doesn't just do it on the first expansion either, if I expand/collapse a node I get the spinner on the first expansion, but if I expand/collapse another node and come back to expand/collapse the first, it does the spinner again. I don't get it, it's got nothing to load.

LeoLavanya Dhanaraj · Answer

Hi Matthew,Thanks for your patience.Query 1 : Dropdown Tree animation settings:As requested, we have considered the mentioned animation support for the Blazor Dropdown Tree, as a feature on our end. Usually, Syncfusion will plan and implement the features based on feature rank, customer requested count, and volume wish list. We will implement and include this feature in any one of our upcoming releases.The status of this feature can be tracked through our feedback portal below.Feedback: https://www.syncfusion.com/feedback/65350/need-to-provide-support-for-animationsettings-in-the-blazor-dropdown-tree Query 2 : Spinner issue:Based on the shared details, we understood that you have been facing issue with the loading of spinner while expanding/collapsing the tree node. You can completely remove the spinner from Dropdown Tree component tree nodes by using the below CSS style. … Regards,Leo Lavanya DhanarajAttachment: DDT_3d4552d0.zip