Current filter:
                                You should refresh the page.
                                Support Center
                                  • Is it possible to control the speed of a NavBarGroup when it expands and collapses? While the default behavior is smooth, it is a bit slow for our application. Thanks.


                                1 Solution

                                Creation Date Rating Importance Sort by


                                You can change the NavBar animation without a problem. Use the View NavBarAnimationOptions.ExpandStoryboard and NavBarAnimationOptions.CollapseStoryboard attached properties:

                                     <Storyboard x:Key="collapseStoryboard">
                                          <DoubleAnimation Storyboard.TargetName="PART_DXExpander" Storyboard.TargetProperty="AnimationProgress" To="0" Duration="0:0:0.2"/>
                                     <Storyboard x:Key="expandStoryboard">
                                          <DoubleAnimation Storyboard.TargetName="PART_DXExpander" Storyboard.TargetProperty="AnimationProgress" To="1" Duration="0:0:0.5"/>
                                <dxn:ExplorerBarView dxn:NavBarAnimationOptions.ExpandStoryboard="{DynamicResource expandStoryboard}" dxn:NavBarAnimationOptions.CollapseStoryboard="{DynamicResource collapseStoryboard}"/>

                                Thank you, Marina

                                Show all comments
                                • GE Software Procurement 11.18.2009


                                • Welcome!

                                • Josh Williams 4 12.06.2016
                                  I know this is very old, but this does not work for me. The animation is still slow. The only difference is my <dxn:NavBarControl> is in a UserControl. So I used UserControl.Resources and did the same thing. The animation is still slow though.
                                • Hi Josh,
                                  To help us diagnose the issue, please clarify what view type (ExplorerBarView, NavigationPaneView, or SideBarView) you are using. If you are using a non-default theme (starting with version 16.1, it's Office2016White; in previous versions, the default theme is DeepBlue), specify the theme name.
                                  In addition, let us know what content is displayed in your groups: regular items or custom content.
                                  Finally, to make sure that we test the same version, let us know what DevExpress version you are using. You can check an accurate version (including the hotfix number) in the Debug->Windows->Modules window when debugging your project.

                                • Yoni Avital 1 01.20.2017

                                  Jumping on thread as I have the same issue/request from users. I am using version 16.1

                                  My code is:

                                  <UserControl x:Class="LaunchPad.UI.Views.DeskApps.DeskAppsView"
                                               d:DesignHeight="300" d:DesignWidth="300">


                                          <Style x:Key="RoundCornerButton" TargetType="{x:Type Button}">

                                              <Setter Property="HorizontalContentAlignment" Value="Left" />
                                              <Setter Property="VerticalContentAlignment" Value="Center" />
                                              <Setter Property="Padding" Value="1" />

                                              <Setter Property="Template">

                                                      <ControlTemplate TargetType="{x:Type Button}">

                                                          <Grid x:Name="grid">

                                                              <Border x:Name="border" BorderThickness="2">
                                                                  <ContentPresenter HorizontalAlignment="Left" VerticalAlignment="Bottom"
                                                                                    TextElement.FontWeight="Bold" Width="75" Height="75" />



                                                              <Trigger Property="IsMouseOver" Value="True">
                                                                  <Setter Property="BorderBrush" TargetName="border" Value="DarkOrange" />

                                                              <Trigger Property="IsEnabled" Value="False">
                                                                  <Setter Property="Opacity" TargetName="grid" Value="0.25" />




                                          <Storyboard x:Key="collapseStoryboard">
                                              <DoubleAnimation Storyboard.TargetName="PART_DXExpander" Storyboard.TargetProperty="AnimationProgress" To="0" Duration="0:0:0.1"/>
                                          <Storyboard x:Key="expandStoryboard">
                                              <DoubleAnimation Storyboard.TargetName="PART_DXExpander" Storyboard.TargetProperty="AnimationProgress" To="1" Duration="0:0:0.1"/>


                                              <RowDefinition Height="*" />

                                          <DockPanel Grid.Row="0">

                                              <dxn:NavBarControl Name="NavBarControl" Margin="5,10">

                                                      <dxn:NavBarGroup Header="Desk" DisplaySource="Content" Content="{Binding Applications}"
                                                                       dxn:NavBarAnimationOptions.ExpandStoryboard="{DynamicResource expandStoryboard}" 
                                                                       dxn:NavBarAnimationOptions.CollapseStoryboard="{DynamicResource collapseStoryboard}">
                                                                  <dxlc:FlowLayoutControl x:Name="MarketDataFlowLayoutControl" Orientation="Horizontal" ItemsSource="{Binding}">
                                                                              <Button HorizontalAlignment="Left" Style="{DynamicResource RoundCornerButton}">
                                                                                      <dxmvvm:EventToCommand PassEventArgsToCommand="True"
                                                                                                     Command="{Binding ClickCommand}" EventName="Click" />

                                                                                  <StackPanel Background="{Binding Background}" Orientation="Vertical" ToolTip="{Binding Path}">
                                                                                      <Image Source="{Binding IconPath}" 
                                                                                         Width="32" />
                                                                                      <TextBlock Text="{Binding Name}" 
                                                                                             VerticalAlignment="Center" Width="75" />





                                  Again, like Josh, nothing happens when I change expand/collapse duration to:  Duration="0:0:0.1"

                                  Any assitance will be much appreciated.

                                  This is on version 16.1 WPF
                                • Hello Yoni,

                                  I have just answered your question in the context of the NavBarGroup - Control Collapse/Expand Speed thread. Please take a moment to review it.

                                If you need additional product information, write to us at or call us at +1 (818) 844-3383

                                FOLLOW US

                                DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio, along with high-performance HTML JS Mobile Frameworks for developers targeting iOS, Android and Windows Phone. Whether using WPF, ASP.NET, WinForms, HTML5 or Windows 10, DevExpress tools help you build and deliver your best in the shortest time possible.

                                Copyright © 1998-2017 Developer Express Inc.
                                All trademarks or registered trademarks are property of their respective owners