Category / Section
How to disable the auto hide animation on mouseover side panel of WPF DockingManager?
1 min read
By default, AutoHide side panel opens when mouse over on side tab item. AutoHide animation behavior can be changed as open side panel only when mouse click on side tab item by setting IsAnimationEnabledOnMouseOver property of WPF DockingManager as True.
XAML
// How to Disable the Animation on MouseOver at Autohide sidepanel for DockingManager <Window x:Class="DisableAnimation.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525" xmlns:sync="http://schemas.syncfusion.com/wpf"> <Grid> <sync:DockingManager Name="Dock" IsAnimationEnabledOnMouseOver="False" AutoHideAnimationMode="Scale"> <ContentControl sync:DockingManager.AnimationDelay="0:0:1" sync:DockingManager.Header="tab1" sync:DockingManager.State="AutoHidden"/> <ContentControl sync:DockingManager.AnimationDelay="0:0:5" sync:DockingManager.Header="tab2" sync:DockingManager.State="AutoHidden"/> <ContentControl sync:DockingManager.AnimationDelay="0:0:0" sync:DockingManager.Header="tab3" sync:DockingManager.State="AutoHidden"/> </sync:DockingManager> </Grid> </Window>
C#
// How to Disable the Animation on MouseOver at Autohide sidepanel for DockingManager namespace DisableAnimation { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); Dock.IsAnimationEnabledOnMouseOver = false; } } }