![devexpress wpf gridcontrol treeview example devexpress wpf gridcontrol treeview example](https://docs.devexpress.com/WPF/images/data-grid-print-preview.png)
Private Sub rbOfficeBlack_Checked(ByVal sender As Object, ByVal e As RoutedEventArgs)ĪpplicationThemeHelper.ApplicationThemeName = "Office2007Black" Private Sub rbGray_Checked(ByVal sender As Object, ByVal e As RoutedEventArgs)ĪpplicationThemeHelper.ApplicationThemeName = "LightGray"
![devexpress wpf gridcontrol treeview example devexpress wpf gridcontrol treeview example](https://community.devexpress.com/blogs/wpf/20210609-WPF-TreeView-Control/ReportLibrary.png)
Private Sub rbAzure_Checked(ByVal sender As Object, ByVal e As RoutedEventArgs) Private Sub Button_Click(ByVal sender As Object, ByVal e As RoutedEventArgs)Įxpander.IsExpanded = Not expander.IsExpanded This shows or hides the GroupBox.ĪpplicationThemeHelper.ApplicationThemeName = "Office2016White" The DXExpander can be expanded (or collapsed) by clicking the ellipsis button. The following example demonstrates how to make visual elements expandable via the DXExpander.In this example, the DXExpander with a GroupBox inside it is placed into a standard Grid. To implement a custom collapse or expand animation, create a Storyboard object representing the animation storyboard, and assign it to the DXExpander.CollapseStoryboard or DXExpander.ExpandStoryboard property, respectively. The animation effect used to show the content is specified by the DXExpander.StretchChild property.
![devexpress wpf gridcontrol treeview example devexpress wpf gridcontrol treeview example](https://community.devexpress.com/blogs/wpf/20210609-WPF-TreeView-Control/Customization.png)
The DXExpander‘s content can be either stretched or slid when expanding or collapsing. You can also specify the animation speed via the DXExpander.Duration property. Animation styles are specified by the DXExpander.HorizontalExpand and DXExpander.VerticalExpand properties. The vertical animation styles represent top-to-bottom, bottom-to-top and center-to-edges animation. The horizontal animation styles are used to display content collapsing or expanding from left to right, from right to left, or from center to edges. The DXExpander can play two types of animation: horizontal and vertical, and provides three animation styles for each type. To obtain whether the DXExpander is currently expanding or collapsing, use the DXExpander.Expanding and DXExpander.Collapsing properties, respectively. To obtain the current progress of animation play, use the DXExpander.AnimationProgress property. When the DXExpander.IsExpanded property’s value is changed, the DXExpander plays the collapse or expand animation. The DXExpander‘s expand state is specified via the DXExpander.IsExpanded property. The DXExpander’s content can be expanded or collapsed with a predefined or custom animation. The DXExpander control enables you to make your user interface elements expandable. The following members return DXExpander objects: