New to Telerik UI for WPF? Download free 30-day trial

How to Auto Size the Tab Items From TabbedWindow

Environment

Product Version 2019.2.618
Product RadTabbedWindow for WPF

Description

How to auto size the RadTabItem headers in RadTabbedWindow, instead of showing a scrollbar.

Solution

Change the the default ItemsPanel of RadTabbedWindow to TabStripPanel. You can do this in the Loaded event handler of RadTabbedWindow.

<Window.Resources> 
    <ItemsPanelTemplate x:Key="tabControlPanel">             
        <navigation:TabStripPanel /> 
    </ItemsPanelTemplate> 
</Window.Resources> 

private void OpenTabbedWindow() 
{ 
    var tabbedWindow = new RadTabbedWindow(); 
    tabbedWindow.Width = 600; 
    tabbedWindow.Height = 400; 
    tabbedWindow.Loaded += OnRadTabbedWindowLoaded;             
    tabbedWindow.ItemsPanel = (ItemsPanelTemplate)this.Resources["tabControlPanel"]; 
    for (int i = 0; i < 10; i++) 
    { 
        tabbedWindow.Items.Add(new RadTabItem() { Header = "Item " + i, MaxWidth = 100 }); 
    } 
    tabbedWindow.Show();             
} 
 
private void OnRadTabbedWindowLoaded(object sender, RoutedEventArgs e) 
{ 
    var tabbedWindow = (RadTabbedWindow)sender; 
    var childTabControl = tabbedWindow.FindChildByType<RadTabControl>(); 
    childTabControl.OverflowMode = TabOverflowMode.Wrap; 
} 
In this article
Not finding the help you need? Improve this article