devexpress-wpf-tab-control
DevExpress WPF Tab Control
DXTabControl is a tabbed navigation control: a header panel with selectable headers across the top (or side), and a content area that shows the active page. Headers can overflow into multiple lines, scroll, or shrink (one of three views); tabs can carry icons, custom colors, close buttons, and drag-drop reordering. Tabs can be defined explicitly as DXTabItem children, populated from an IList, or generated from a data collection via ItemsSource + templates.
Window hosting: For proper visual integration (themed title bar, ContentHeader/Footer aligning with the title bar, control box buttons in the tab bar), the host window should be
dx:ThemedWindow, not a plainWindow. UseThemedWindoweven when you don't otherwise need its features.
This skill covers project setup (with the ThemedWindow requirement), tab definition (XAML / Items / ItemsSource), the three layout views, and appearance customization.
When to Use This Skill
Use this skill when you need to:
- Add a tabbed page UI to a window
- Generate tabs dynamically from a view-model collection (
ItemsSource) - Allow users to close (
AllowHide) and reorder tabs - Pick a view (MultiLine / Scroll / Stretch) for header overflow behavior
- Color or theme individual tabs (
AccentColor,BorderColor) - Add custom content to the tab bar (left/right control box, content header/footer)