Category / Section
How to customize the TabListContextMenu appearance in TabControlExt?
1 min read
In TabControlExt, TabListContextMenu helps to display all its TabItem’s and user can navigate to required TabItemExt using this option and its appearance can be customized using TabListContextMenuItemTemplate.
The following code demonstrates the same.
Code Example: [XAML]
<syncfusion:TabControlExt Name="tabControlExt" ShowTabListContextMenu="True"> <syncfusion:TabControlExt.TabListContextMenuItemTemplate> <DataTemplate> <TextBlock VerticalAlignment="Center" Foreground="Red" FontStyle="Italic" x:Name="headerTextBlock" Text ="{Binding}"/> </DataTemplate> </syncfusion:TabControlExt.TabListContextMenuItemTemplate> <syncfusion:TabItemExt Name="tabItemExt1" Header="TabItemExt1" /> <syncfusion:TabItemExt Name="tabItemExt2" Header="TabItemExt2" /> <syncfusion:TabItemExt Name="tabItemExt3" Header="TabItemExt3" /> <syncfusion:TabItemExt Name="tabItemExt4" Header="TabItemExt4" /> <syncfusion:TabItemExt Name="tabItemExt5" Header="TabItemExt5" /> <syncfusion:TabItemExt Name="tabItemExt6" Header="TabItemExt6" /> <syncfusion:TabItemExt Name="tabItemExt7" Header="TabItemExt7" /> <syncfusion:TabItemExt Name="tabItemExt8" Header="TabItemExt8" /> <syncfusion:TabItemExt Name="tabItemExt9" Header="TabItemExt9" /> <syncfusion:TabItemExt Name="tabItemExt10" Header="TabItemExt10" /> <syncfusion:TabItemExt Name="tabItemExt11" Header="TabItemExt11" /> <syncfusion:TabItemExt Name="tabItemExt12" Header="TabItemExt12" /> <syncfusion:TabItemExt Name="tabItemExt13" Header="TabItemExt13" /> <syncfusion:TabItemExt Name="tabItemExt14" Header="TabItemExt14" /> <syncfusion:TabItemExt Name="tabItemExt15" Header="TabItemExt15" /> <syncfusion:TabItemExt Name="tabItemExt16" Header="TabItemExt16" /> </syncfusion:TabControlExt>
Sample: TabListContextMenu