Getting rid of info desciption under tab control

Question

I'm trying to remove the text block under the tab control so the entire area is occupied by the tab control and its tabs. Is there any way to do this?

I've attached a picture to illustrate what I'm trying to do.

Venkateshwaran Ramdoss · Answer

Hi Elan, 

Thank you for using Syncfusion products. 

We can remove the place holder of tab content, menu and close button by getting those controls from VisualTree using FindDescendant method of VisualUtils helper class. Please find the code snippet for the same in the below. 

Code example 





private void MainWindow_Loaded(object sender, RoutedEventArgs e) 
{ 
    Border3D border = Syncfusion.Windows.Controls.VisualUtils.FindDescendant(tabcontrolext, typeof(Border3D)) as Border3D; 
    border.Visibility = Visibility.Collapsed; 
           
    TabPanelAdv tabpanel = Syncfusion.Windows.Controls.VisualUtils.FindDescendant(sender as Visual,  typeof(TabPanelAdv)) as TabPanelAdv; 
     
    if (tabpanel != null) 
       { 
          ToggleButton menubutton = tabpanel.Template.FindName("PART_MenuButton", 
                          tabpanel) as ToggleButton; 
          ToggleButton closebutton = tabpanel.Template.FindName("PART_CloseButton", 
                                          tabpanel) as ToggleButton; 
 
          if (menubutton != null) 
              menubutton.Visibility = Visibility.Collapsed; 
          if (closebutton != null) 
              closebutton.Visibility = Visibility.Collapsed; 
       } 
} 

We have prepared sample for your reference and it can be downloaded from the below link. 

Sample: http://www.syncfusion.com/downloads/support/directtrac/138558/ze/TABCON~11698238279.zip  
 
Output 
 
  
 
Please check the above solution and let us know if it is helpful. 
 
Regards, 
Venkateshwaran V.R.

Elan Canfield · Answer

Is there any way to achieve this in the TabControlExt XAML code rather than the Code-Behind?

Venkateshwaran Ramdoss · Answer

Hi Elan,

Thank you for your update.

Yes. We can achieve your requirement in XAML by editing the TabControlExt style. We have prepared a sample for the same. In this, we have collapsed the visibility of the Border3D which is used as a content holder of the TabItemExt in the TabControlExt and remove the CloseButton, MenuButton by setting ShowTabListContextMenu as False and CloseButtonType as Hide respectively. Please find the code snippet in the below.

Code snippet

<syncfusion:TabControlExt x:Name="tabcontrolext" ShowTabListContextMenu="False" CloseButtonType="Hide" Style="{StaticResource AeroTabControlExtStyle}" ItemContainerStyle="{StaticResource AeroTabItemExtStyle}">

<syncfusion:TabItemExt Header="0" Content="Firewing"/>

<syncfusion:TabItemExt Header="253" Content="Firewings 253" />

</syncfusion:TabControlExt>

We have prepared a sample for your reference and it can be downloaded from the below link.

Sample: TabControlExtSample

Please refer the below documentations for more details about the Close and Menu Buttons.

CloseButton documentation: https://help.syncfusion.com/wpf/tabext/setting-close-buttons-type

MenuButton documentation: https://help.syncfusion.com/wpf/tabext/setting-tablistcontextmenu-and-tabitemcontextmenu-for-tab-list

Please check the above solution and let us know if it is helpful.

Regards,

Venkateshwaran V.R.