Need to center text in the tab (TabControlExt)

[Mike Allred]

My image automatically centers, but my text is left aligned. How do I center the text? It seems that center should be the default anyway . . .

What am I missing here?

My code:

        <syncfusion:TabControlExt Name="tabMain" Grid.Row="1" Grid.Column="0" VerticalAlignment="Stretch" Grid.ColumnSpan="2" TabStripPlacement="Top"
                                  TabScrollStyle="Extended" TabScrollButtonVisibility="Visible"
                                  CloseButtonType="Hide"
                                  syncfusion:SkinStorage.VisualStyle="Transparent" >

            <syncfusion:TabItemExt Name="pgtPartMaster" Header="Part Master" HorizontalContentAlignment="Center" HorizontalAlignment="Center"
                                   Width="150" Height="70" HeaderMargin="0,5,0,0"
                                   Image="Images/PartMaster.png" ImageAlignment="AboveText" ImageHeight="30" ImageWidth="30" IconMargin="0,10,0,0" >
                <Grid />
            </syncfusion:TabItemExt> 

        </syncfusion:TabControlExt>

[Kanniyappan Panneer Selvam]

Hi Mike, 

 

Thanks for contacting the Syncfusion support. 

 

We checked your query “Need to center the header text in the tab item” and we have prepared the sample to meet your requirements by overriding the tab item style template. Please find the sample and screenshot for the same. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/150907/ze/WPD53B~11338511972.zip  

 

Screenshot:   

 

 

 

Please let us know if you have any further assistance. 

 

Regards, 

Kanniyappan P 

[Mike Allred]

Thanks for the example. Do you have an example that uses WPF and .NET Core 3.0?

When I copy your code in I get these messages:

On the line:
 xmlns:system="clr-namespace:System;assembly=mscorlib"

I'm told:
 Undefined CLR namespace. the clr-namespace URI refers to a namespace 'System'  that could not be found

On the 2nd line here:
    <Window.Resources>
        <Style TargetType="{x:Type syncfusion:TabItemExt}" BasedOn="{StaticResource TransparentTabItemExtStyle}">

I'm told:
 The recource "TransparentTabItemExtStyle" could not be resolved.

There are many more like this 2nd one.

I've tried installing the Syncfusion.Themes.Office2010Blue.WPF NuGet package. I also have Syncfusion.Share.WPF and Syncfusion.Tools.WPF installed.

[Niranjan Kumar Gopalan]

Hi Mike , 

Thanks for your patience. 

We have created the requested sample in WPF .Core project and please add the below code in App.xaml. Please refer the attached sample for same. 

C#: 

<Application.Resources> 

        <ResourceDictionary> 

            <ResourceDictionary.MergedDictionaries> 

                <ResourceDictionary Source="/Syncfusion.Tools.WPF;component/Controls/TabControlExt/Themes/TransparentStyle.xaml"/> 

            </ResourceDictionary.MergedDictionaries> 

        </ResourceDictionary> 

    </Application.Resources> 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/150907/ze/TabControlImageALignment_(2)-78711584  

Regards, 

Niranjan Kumar