# Scroll View | WPF Controls | DevExpress Documentation

In Scroll View ([TabControlScrollView](/WPF/DevExpress.Xpf.Core.TabControlScrollView)), the tab control arranges tab headers in a single line. If the number of headers exceeds the available space in the Header Panel, the tab control displays scroll buttons to navigate through tab headers.

![WPF Tab Control - ScrollView, DevExpress](/WPF/images/tabcontrolscrollview_gif117899.gif)

[Run Demo: Tab Control Views](dxdemo://Wpf/DXControls/MainDemo/Views)

## Scroll Tab Headers

### Scroll Buttons

Use the [TabControlScrollView.ScrollButtonShowMode](/WPF/DevExpress.Xpf.Core.TabControlScrollView.ScrollButtonShowMode) property to specify scroll button visibility.

The following table lists available modes:

| Mode | Description |
| --- | --- |
| `Always` | Scroll buttons are always visible. |
| `Never` | Scroll buttons are hidden (even if tabs overflow). |
| `AutoHideBothButtons` | Both scroll buttons appear or disappear together, based on necessity. |
| `AutoHideEachButton` | Scroll buttons appear or disappear independently, based on necessity. |

The following code snippet displays scroll buttons in a tab control based on necessity:

```
<dx:DXTabControl>
    <dx:DXTabControl.View>
        <dx:TabControlScrollView ScrollButtonShowMode="AutoHideBothButtons"/>
    </dx:DXTabControl.View>
    <dx:DXTabItem Header="Tab A"/>
    <dx:DXTabItem Header="Tab B"/>
    <dx:DXTabItem Header="Tab C"/>
</dx:DXTabControl>
```

### Mouse Wheel

The [AllowScrollOnMouseWheel](/WPF/DevExpress.Xpf.Core.TabControlScrollView.AllowScrollOnMouseWheel) property specifies whether users can scroll tab headers using the mouse wheel.

### Scroll Animation

Set the [AllowAnimation](/WPF/DevExpress.Xpf.Core.TabControlScrollView.AllowAnimation) property to **true** to enable smooth scrolling animation.

```
<dx:DXTabControl>
    <dx:DXTabControl.View>
        <dx:TabControlScrollView AllowAnimation="True"/>
    </dx:DXTabControl.View>
</dx:DXTabControl>
```

## Stretch Tab Headers

Enable the [HeaderAutoFill](/WPF/DevExpress.Xpf.Core.TabControlScrollView.HeaderAutoFill) option to stretch tab headers so that they fill the available space evenly within the header panel.

```
<dx:DXTabControl>
    <dx:DXTabControl.View>
        <dx:TabControlScrollView HeaderAutoFill="True"/>
    </dx:DXTabControl.View>
</dx:DXTabControl>
```

![Stretch Tab Headers - WPF Tab Control, DevExpress](/WPF/images/wpf-tabcontrol-scrollview-stretch-headers.png)

## Tab Header Orientation

Use the [HeaderOrientation](/WPF/DevExpress.Xpf.Core.TabControlScrollView.HeaderOrientation) property to specify the orientation of tab headers (horizontal or vertical):

```
<dx:DXTabControl>
    <dx:DXTabControl.View>
        <dx:TabControlScrollView HeaderOrientation="Vertical"/>
    </dx:DXTabControl.View>
</dx:DXTabControl>
```

![Header Vertical Orientation - WPF Tab Control, DevExpress](/WPF/images/wpf-tabcontrol-scrollview-header-vertical-orientation.png)

## Related API

| Name | Description |
| --- | --- |
| [ScrollNext()](/WPF/DevExpress.Xpf.Core.TabControlScrollView.ScrollNext) | Scrolls the header panel forward by one tab. |
| [ScrollPrev()](/WPF/DevExpress.Xpf.Core.TabControlScrollView.ScrollPrev) | Scrolls the header panel backward by one tab. |
| [ScrollFirst()](/WPF/DevExpress.Xpf.Core.TabControlScrollView.ScrollFirst) | Scrolls the header panel to the first tab. |
| [ScrollLast()](/WPF/DevExpress.Xpf.Core.TabControlScrollView.ScrollLast) | Scrolls the header panel to the last tab. |
| [ScrollToSelectedTabItem](/WPF/DevExpress.Xpf.Core.TabControlScrollView.ScrollToSelectedTabItem%28System.Boolean%29) | Scrolls the header panel to display the specified tab. |
| [CanScroll](/WPF/DevExpress.Xpf.Core.TabControlScrollView.CanScroll) | Indicates whether the header panel can scroll in any direction. |
| [CanScrollNext](/WPF/DevExpress.Xpf.Core.TabControlScrollView.CanScrollNext) | Indicates whether the header panel can scroll forward to display additional tabs. |
| [CanScrollPrev](/WPF/DevExpress.Xpf.Core.TabControlScrollView.CanScrollPrev) | Indicates whether the header panel can scroll backward to display previously hidden tabs. |
| [CanScrollToSelectedTabItem](/WPF/DevExpress.Xpf.Core.TabControlScrollView.CanScrollToSelectedTabItem) | Indicates whether the header panel can scroll to display the specified tab. |

Tip

Read the following help topic to learn more: [Tab Control Views](/WPF/113984/controls-and-libraries/layout-management/tab-control/fundamentals/views/views-overview).

See Also

[MultiLine View](/WPF/113875/controls-and-libraries/layout-management/tab-control/fundamentals/views/multiline-view)

[Stretch View](/WPF/113877/controls-and-libraries/layout-management/tab-control/fundamentals/views/stretch-view)