[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
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Collapse]Layout Management
   [Expand]Dock Windows
   [Expand]Tile and Layout
   [Collapse]Tab Control
    [Expand]Product Information
       Views Overview
       MultiLine View
       Scroll View
       Stretch View
    Book Control
    Workspace Manager
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Stretch View

In Stretch View, if the number of tab headers is too large to entirely fit on the Header Panel, the tab control shrinks its tab headers. This type of view is represented by the TabControlStretchView object.

Expanded Tabs Sizes

TabControlStretchView's tab headers are stretched automatically. To control the minimum and normal size of tab headers, use the TabControlStretchView.TabNormalSize, TabControlStretchView.SelectedTabMinSize, and TabControlStretchView.TabMinSize properties.

Expanded Tabs Pinning

To pin or unpin a tab header displayed within the tab control with the Stretch View, use the TabControlStretchView.PinMode attached property. Size of pinned tabs can be specified by using the TabControlStretchView.PinnedTabSize property. To specify whether pinned tabs may be dragged and hidden, use the TabControlStretchView.PinnedTabAllowDrag and TabControlStretchView.PinnedTabAllowHide properties respectively.

Expanded Drag and Drop Mechanism

The Stretch View supports the drag and drop functionality. There are several features provided by the drag-and-drop mechanism:

  • tab headers reordering;
  • dragging items between different tab control;
  • creating a separate window with a tab control by dropping the dragging item outside the parent DXTabControl.

To enable the required drag-and-drop feature, use the TabControlStretchView.DragDropMode property.

The TabControlStretchView.DragDropRegion property allows you to specify the drag-and-drop regions. Drag-and-drop operations won't work between tab controls with different TabControlStretchView.DragDropRegion property values .

You can customize the appearance of windows and tab controls that are created with drag-and-drop using the TabControlStretchView.NewWindowStyle and TabControlStretchView.NewTabControlStyle properties.

To learn more about the views, see Views.

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