[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Expand]Controls and Libraries
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Collapse]API Reference
  [Expand]DevExpress.Charts.Designer
  [Expand]DevExpress.Data
  [Expand]DevExpress.Mvvm.UI
  [Expand]DevExpress.Mvvm.UI.Interactivity
  [Expand]DevExpress.Mvvm.UI.ModuleInjection
  [Expand]DevExpress.Xpf.Accordion
  [Expand]DevExpress.Xpf.Bars
  [Expand]DevExpress.Xpf.Carousel
  [Expand]DevExpress.Xpf.Charts
  [Expand]DevExpress.Xpf.Charts.Localization
  [Expand]DevExpress.Xpf.Charts.RangeControlClient
  [Expand]DevExpress.Xpf.ChunkList
  [Expand]DevExpress.Xpf.Controls
  [Collapse]DevExpress.Xpf.Core
   [Expand]BaseSvgImageSourceExtension Class
    BestFitMode Enumeration
    BorderEffect Enumeration
    ButtonShowMode Enumeration
   [Expand]CancelRoutedEventArgs Class
    CancelRoutedEventHandler Delegate
   [Expand]ColumnChooserControlBase Class
   [Expand]CompleteRecordDragDropEventArgs Class
   [Expand]ContentHost Class
   [Expand]ContinueRecordDragEventArgs Class
   [Expand]DataObjectBase Class
   [Expand]DialogService Class
   [Expand]DragDropHintData Class
   [Expand]DragEventArgsBase Class
   [Expand]DragRecordOverEventArgs Class
   [Expand]DropDownButton Class
   [Expand]DropDownButtonBase Class
   [Expand]DropMarkerData Class
    DropPlace Enumeration
    DropPosition Enumeration
   [Expand]DropRecordEventArgs Class
   [Expand]DXDialog Class
   [Expand]DXDialogWindow Class
   [Collapse]DXExpander Class
     DXExpander Members
     DXExpander Constructor
    [Expand]DXExpander Properties
    [Expand]DXExpander Events
    [Expand]DXExpander Methods
   [Expand]DXFrameworkContentElement Class
   [Expand]DXImageHelper Class
   [Expand]DXLocalizer<T> Class
   [Expand]DXMessageBox Class
   [Expand]DXMessageBoxService Class
   [Expand]DXSplashScreenService Class
   [Expand]DXTabbedWindow Class
   [Expand]DXTabControl Class
   [Expand]DXTabItem Class
   [Expand]DXWindow Class
    EditorShowMode Enumeration
   [Expand]ExpandCollapseInfoEventArgs Class
    ExpandCollapseInfoEventHandler Delegate
   [Expand]FloatingContainer Class
    FloatingMode Enumeration
   [Expand]GiveRecordDragFeedbackEventArgs Class
    HeaderLocation Enumeration
    HeaderOrientation Enumeration
    HideButtonShowMode Enumeration
    HorizontalExpandMode Enumeration
   [Expand]IColumnChooser Interface
   [Expand]IColumnChooserFactory Interface
   [Expand]INotifyIconService Interface
   [Expand]IWorkspace Interface
   [Expand]IWorkspaceManager Interface
   [Expand]ListBoxDragDropBehavior Class
   [Expand]LoadingDecorator Class
    NewButtonShowMode Enumeration
   [Expand]NotifyIconService Class
   [Expand]NotifyIconState Class
   [Expand]PixelSnapper Class
   [Expand]RecordDragDropData Class
    ScrollBarMode Enumeration
    ScrollBars Enumeration
    ScrollButtonShowMode Enumeration
   [Expand]ScrollControl Class
   [Expand]SimpleButton Class
    SingleTabItemHideMode Enumeration
    SplashScreenOwnerSearchMode Enumeration
   [Expand]SplitButton Class
   [Expand]StartRecordDragEventArgs Class
   [Expand]SuperTip Class
   [Expand]SuperTipHeaderItem Class
   [Expand]SuperTipItem Class
   [Expand]SuperTipItemBase Class
   [Expand]SuperTipItemSeparator Class
   [Expand]SvgImageSourceExtension Class
   [Expand]TabbedWindowDocumentUIService Class
    TabbedWindowMode Enumeration
    TabContentCacheMode Enumeration
   [Expand]TabControlCommonCancelEventArgsBase Class
    TabControlDragDropMode Enumeration
   [Expand]TabControlMultiLineView Class
   [Expand]TabControlNewTabbedWindowEventArgs Class
    TabControlNewTabbedWindowEventHandler Delegate
   [Expand]TabControlScrollView Class
   [Expand]TabControlSelectionChangedEventArgs Class
    TabControlSelectionChangedEventHandler Delegate
   [Expand]TabControlSelectionChangingEventArgs Class
    TabControlSelectionChangingEventHandler Delegate
   [Expand]TabControlStretchView Class
   [Expand]TabControlTabAddedEventArgs Class
    TabControlTabAddedEventHandler Delegate
   [Expand]TabControlTabAddingEventArgs Class
    TabControlTabAddingEventHandler Delegate
   [Expand]TabControlTabHiddenEventArgs Class
    TabControlTabHiddenEventHandler Delegate
   [Expand]TabControlTabHidingEventArgs Class
    TabControlTabHidingEventHandler Delegate
   [Expand]TabControlTabRemovedEventArgs Class
    TabControlTabRemovedEventHandler Delegate
   [Expand]TabControlTabRemovingEventArgs Class
    TabControlTabRemovingEventHandler Delegate
   [Expand]TabControlTabShowingEventArgs Class
    TabControlTabShowingEventHandler Delegate
   [Expand]TabControlTabShownEventArgs Class
    TabControlTabShownEventHandler Delegate
   [Expand]TabControlTabStartDraggingEventArgs Class
   [Expand]TabControlViewBase Class
   [Expand]Theme Class
   [Expand]ThemedWindow Class
   [Expand]ThemeManager Class
    TransitionEffect Enumeration
   [Expand]UniformStackPanel Class
    VerticalExpandMode Enumeration
   [Expand]WindowedDocumentUIService Class
   [Expand]WorkspaceManager Class
   [Expand]WpfSvgPalette Class
  [Expand]DevExpress.Xpf.Core.ConditionalFormatting
  [Expand]DevExpress.Xpf.Core.DataSources
  [Expand]DevExpress.Xpf.Core.ServerMode
  [Expand]DevExpress.Xpf.Data
  [Expand]DevExpress.Xpf.DataAccess
  [Expand]DevExpress.Xpf.DataAccess.DataSourceWizard
  [Expand]DevExpress.Xpf.Diagram
  [Expand]DevExpress.Xpf.Dialogs
  [Expand]DevExpress.Xpf.Docking
  [Expand]DevExpress.Xpf.Docking.Base
  [Expand]DevExpress.Xpf.DocumentViewer
  [Expand]DevExpress.Xpf.DXBinding
  [Expand]DevExpress.Xpf.Editors
  [Expand]DevExpress.Xpf.Editors.DataPager
  [Expand]DevExpress.Xpf.Editors.DateNavigator
  [Expand]DevExpress.Xpf.Editors.ExpressionEditor
  [Expand]DevExpress.Xpf.Editors.ExpressionEditor.Native
  [Expand]DevExpress.Xpf.Editors.Filtering
  [Expand]DevExpress.Xpf.Editors.Flyout
  [Expand]DevExpress.Xpf.Editors.Flyout.Native
  [Expand]DevExpress.Xpf.Editors.Helpers
  [Expand]DevExpress.Xpf.Editors.Native
  [Expand]DevExpress.Xpf.Editors.Popups
  [Expand]DevExpress.Xpf.Editors.RangeControl
  [Expand]DevExpress.Xpf.Editors.Settings
  [Expand]DevExpress.Xpf.Editors.Validation
  [Expand]DevExpress.Xpf.ExpressionEditor
  [Expand]DevExpress.Xpf.Gauges
  [Expand]DevExpress.Xpf.Gauges.Localization
  [Expand]DevExpress.Xpf.Grid
  [Expand]DevExpress.Xpf.Grid.ConditionalFormatting
  [Expand]DevExpress.Xpf.Grid.LookUp
  [Expand]DevExpress.Xpf.Grid.TreeList
  [Expand]DevExpress.Xpf.Layout.Core
  [Expand]DevExpress.Xpf.LayoutControl
  [Expand]DevExpress.Xpf.Map
  [Expand]DevExpress.Xpf.NavBar
  [Expand]DevExpress.Xpf.Navigation
  [Expand]DevExpress.Xpf.PdfViewer
  [Expand]DevExpress.Xpf.PivotGrid
  [Expand]DevExpress.Xpf.PivotGrid.Printing
  [Expand]DevExpress.Xpf.Printing
  [Expand]DevExpress.Xpf.Printing.Parameters
  [Expand]DevExpress.Xpf.Printing.Parameters.Models
  [Expand]DevExpress.Xpf.Printing.PreviewControl
  [Expand]DevExpress.Xpf.Printing.PreviewControl.Bars
  [Expand]DevExpress.Xpf.Prism
  [Expand]DevExpress.Xpf.PropertyGrid
  [Expand]DevExpress.Xpf.Reports.UserDesigner
  [Expand]DevExpress.Xpf.Reports.UserDesigner.Extensions
  [Expand]DevExpress.Xpf.Reports.UserDesigner.Localization
  [Expand]DevExpress.Xpf.Reports.UserDesigner.ReportWizard
  [Expand]DevExpress.Xpf.Reports.UserDesigner.ReportWizard.Pages
  [Expand]DevExpress.Xpf.Ribbon
  [Expand]DevExpress.Xpf.RichEdit
  [Expand]DevExpress.Xpf.RichEdit.Menu
  [Expand]DevExpress.Xpf.Scheduler
  [Expand]DevExpress.Xpf.Scheduler.Drawing
  [Expand]DevExpress.Xpf.Scheduler.Menu
  [Expand]DevExpress.Xpf.Scheduler.Reporting
  [Expand]DevExpress.Xpf.Scheduler.UI
  [Expand]DevExpress.Xpf.Scheduling
  [Expand]DevExpress.Xpf.Scheduling.Editors
  [Expand]DevExpress.Xpf.Scheduling.Reporting
  [Expand]DevExpress.Xpf.Scheduling.Visual
  [Expand]DevExpress.Xpf.Scheduling.VisualData
  [Expand]DevExpress.Xpf.SpellChecker
  [Expand]DevExpress.Xpf.Spreadsheet
  [Expand]DevExpress.Xpf.Spreadsheet.Menu
  [Expand]DevExpress.Xpf.TreeMap
  [Expand]DevExpress.Xpf.Utils.Themes
  [Expand]DevExpress.Xpf.WindowsUI
  [Expand]DevExpress.Xpf.WindowsUI.Internal
  [Expand]DevExpress.Xpf.WindowsUI.Navigation
  [Expand]DevExpress.XtraRichEdit
  [Expand]DevExpress.XtraRichEdit.Printing
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

DXExpander Class

Represents the DXExpander control.

Namespace:DevExpress.Xpf.Core
Assembly:DevExpress.Xpf.Core.v18.1.dll

Expanded Syntax

Expanded Remarks

The DXExpander control enables you to make your user interface elements expandable. The DXExpander's content can be expanded or collapsed with a predefined or custom animation.

The DXExpander's expand state is specified via the IsExpanded property. When the IsExpanded property's value is changed, the DXExpander plays the collapse or expand animation. To obtain the current progress of animation play, use the AnimationProgress property. To obtain whether the DXExpander is currently expanding or collapsing, use the Expanding and Collapsing properties, respectively.

The DXExpander can play two types of animation: horizontal and vertical, and provides three animation styles for each type. 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 vertical animation styles represent top-to-bottom, bottom-to-top and center-to-edges animation. Animation styles are specified by the HorizontalExpand and VerticalExpand properties. You can also specify the animation speed via the Duration property.

The DXExpander's content can be either stretched or slid when expanding or collapsing. The animation effect used to show the content is specified by the StretchChild property.

To implement a custom collapse or expand animation, create a System.Windows.Media.Animation.Storyboard object representing the animation storyboard, and assign it to the CollapseStoryboard or ExpandStoryboard property, respectively.

Expanded Example

Show Me

A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=E2352.

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. The DXExpander can be expanded (or collapsed) by clicking the ellipsis button. This shows or hides the GroupBox.

Expanded Inheritance Hierarchy

System.Object
    System.Windows.Threading.DispatcherObject
       System.Windows.DependencyObject
          System.Windows.Media.Visual
             System.Windows.UIElement
                System.Windows.FrameworkElement
                   System.Windows.Controls.Decorator
                      DXExpander

Expanded See Also

Is this topic helpful?​​​​​​​