Table of Contents
Table of Contents
OverlapDepth Property

Gets or sets the overlap depth. This is a dependency property.

Syntax
C#
Copy
 public Double OverlapDepth { get; set; }

Property Value

A Double value that represents the space in pixels that a TabItem will overlap with it on its adjascent TabItem. The default value is 0.

Remarks

This property is usually used when the tab button is not rectangle. For example, the built-in "Chrome" skin uses this property so that the tab button overlaps with each other.

Note that in case a negative value is given, it will be coerced to 0.

Example

The following example sets the OverlapDepth to 5:

XAML
Copy
<Window x:Class="Test.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:eo="http://schemas.essentialobjects.com/wpf/"
        Title="MainWindow" Height="250" Width="350">
    <DockPanel Margin="5">
        <eo:TabControl eo:ThemeManager.SkinName="Chrome" OverlapDepth="5">
            <eo:TabItem Header="Header1" />
            <eo:TabItem Header="Header2" />
            <eo:TabItem Header="Header3" />
            <eo:TabItem Header="Header4" />
        </eo:TabControl>
    </DockPanel>
</Window>

The following image shows the result:

See Also