TabItem Header text

[Sridhar]

Hi,

  When I set the TabControl property BackgroundVisibility="Collapsed", the background turns white and the foreground color of the un-selected tabs changes to white too, because of this the header text is not shown.
How do I change the header text of the un-selected tabs to say black?

As a matter of fact, I have the following code for Header of Tab item and the UI screen shot is attached

<telerik:RadTabItem.Header>
                <StackPanel Orientation="Horizontal">
                    <Grid>
                        <Grid Width="48" Height="48" Visibility="Collapsed" />
                        <Path Data="M32.970101,42.824001C37.516947,42.824002 41.203002,46.50878 41.203003,51.057053 41.203002,55.602525 37.516947,59.290003 32.970101,59.290003 28.421955,59.290003 24.737,55.602525 24.737,51.057053 24.737,46.50878 28.421955,42.824002 32.970101,42.824001z M8.2329292,42.824001C12.778545,42.824002 16.466,46.50878 16.466,51.057053 16.466,55.602525 12.778545,59.290003 8.2329292,59.290003 3.6848946,59.290003 0,55.602525 0,51.057053 0,46.50878 3.6848946,42.824002 8.2329292,42.824001z M55.767099,42.823998C60.313846,42.823999 64,46.508776 64,51.057051 64,55.602521 60.313846,59.289999 55.767099,59.289999 51.221455,59.289999 47.534,55.602521 47.534,51.057051 47.534,46.508776 51.221455,42.823999 55.767099,42.823998z M30.755001,21.254002L35.604,21.254002 35.604,25.004002 53.555,25.004002 57.193001,25.004002 58.404,25.004002 58.404,37.296001 53.555,37.296001 53.555,29.853002 35.604,29.853002 35.604,37.296001 30.755001,37.296001 30.755001,29.853002 10.867001,29.853002 10.867001,37.296001 6.0180016,37.296001 6.0180016,25.004002 9.2750015,25.004002 10.867001,25.004002 30.755001,25.004002z M32.970101,0C37.516947,0 41.203002,3.6862068 41.203001,8.2319107 41.203002,12.778856 37.516947,16.465002 32.970101,16.465002 28.421955,16.465002 24.737,12.778856 24.737,8.2319107 24.737,3.6862068 28.421955,0 32.970101,0z" Stretch="Uniform" Fill="#F1961F" Width="26" Height="26" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5">
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <TransformGroup.Children>
                                        <RotateTransform Angle="0" />
                                        <ScaleTransform ScaleX="1" ScaleY="1" />
                                    </TransformGroup.Children>
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>
                    </Grid>
                    <TextBlock Text="Host DashBoard" VerticalAlignment="Center" Margin="5" FontSize="12" FontFamily="Segoe UI"></TextBlock>
                </StackPanel>
            </telerik:RadTabItem.Header>

[Pavel R. Pavlov]

Hello Sridhar,

I tried to reproduce the issue that you are talking about, but it seems that I might be missing something as the code works as expected. Could you please take a quick look at the attached project and tell me what I`ve missed? Keep in mind that our controls are fully customizable and if you use any customized Themes, the RadTabControl settings might be affected by it.

All the best,
TeamX2_Pavel
the Telerik team