devexpress-wpf-tab-control

Installation
SKILL.md

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 plain Window. Use ThemedWindow even 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)
Installs
14
GitHub Stars
49
First Seen
Jun 24, 2026
devexpress-wpf-tab-control — devexpress/agent-skills