How to customize the TabListContextMenu appearance in TabControlExt?
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
