Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
    • .NET API Reference
      • EO.Base
      • EO.Base.UI
      • EO.Extensions
      • EO.Pdf
      • EO.Pdf.Acm
      • EO.Pdf.Contents
      • EO.Pdf.Drawing
      • EO.Pdf.Mvc
      • EO.Web
      • EO.WebBrowser
      • EO.WebBrowser.DOM
      • EO.WebEngine
      • EO.WinForm
      • EO.Wpf
      • EO.Wpf.Gauge
      • EO.Wpf.Gauge.Shapes
      • EO.Wpf.Primitives
      • EO.Wpf.Themes.Aero
      • EO.Wpf.Themes.Classic
      • EO.Wpf.Themes.Luna
      • EO.Wpf.Themes.Metro
      • EO.Wpf.Themes.Royale
    • JavaScript API Reference
Table of Contents
TabItemBorder Class

A Border element that is suitable to draw tab item borders.

Namespace: EO.Wpf.Primitives
Assembly: EO.Wpf (in EO.Wpf.dll)

Inheritance Hierarchy

System.Object
   System.Windows.Threading.DispatcherObject
      System.Windows.DependencyObject
         System.Windows.Media.Visual
            System.Windows.UIElement
               System.Windows.FrameworkElement
                  System.Windows.Controls.Decorator
                     System.Windows.Controls.Border
                        EO.Wpf.Primitives.TabItemBorder

Syntax
C#
Copy
 public class TabItemBorder : Border
Remarks

A TabItemBorder is derived from the standard WPF Border control but provides the following benefits:

  • Outwards bottom round corners.
  • Slanted left and right slope.
  • Rotating border without rotating contents.

A TabItemBorder control always draw the bottom border outwards instead of inwards. For example, the following code:

XAML
Copy
<eo:TabItemBorder BorderBrush="Green" BorderThickness="1" CornerRadius="10" />

Produces the following result:

The following XAML and image demonstrates how to use LeftSlopeAngle and RightSlopeAngle to create a slanted left and right slope:

XAML
Copy
<eo:TabItemBorder BorderBrush="Green" BorderThickness="1" CornerRadius="10" 
   LeftSlopeAngle="50" RightSlopeAngle="95" />

The following XAML and image demonstrates the rotating feature by setting Rotation to Rotation90 (rotating clockwise 90 degrees):

XAML
Copy
<eo:TabItemBorder BorderBrush="Green" BorderThickness="1" CornerRadius="10" 
   LeftSlopeAngle="50" RightSlopeAngle="95" Rotate="Rotate90" />

Note when a TabItemBorder is rotated, it does not rotate its contents. This allows you to keep the orientation of the tab item contents, for example, the orientation of the images inside the tab item.

See Also