Syncfusion:TabControlExt (WPF) Blend Theme

[Daniel Fowler]

Visual Studio 2015 Community Edition

--------------------------------------------

Hello again!

Having a strange issue with TabControl which only surfaced since installing the latest Essential Studio update  (Enterprise Edition 14.2.0.28).

I'm not sure if it's something I'm doing wrong, or there is something else I have to configure for it to work correctly - but like I say, it was fine before the latest update.

I have created a simple Window with a Tab Control, I have set the Theme to the stock Blend style. When I add an empty Merged Resource Dictionary the Theme stops working.

SAMPLE 1: Theme works as expected - see attachment Picture 1

<syncfusion:ChromelessWindow

        x:Class="VinylColl.View.Window1"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:VinylColl.View"

        xmlns:syncfusion="http://schemas.syncfusion.com/wpf" 

        

        xmlns:syncfusionskin ="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"

        syncfusionskin:SfSkinManager.VisualStyle="Blend" 

        mc:Ignorable="d"

        Title="Window1" Height="300" Width="300">

     <Grid>

        <syncfusion:TabControlExt x:Name="tabControlExt" HorizontalAlignment="Left" Margin="27,50,0,0" VerticalAlignment="Top" syncfusionskin:SfSkinManager.VisualStyle="Blend">

            <TabItem Header="TabItem">

                <Grid Background="#FFE5E5E5"/>

            </TabItem>

            <syncfusion:TabItemExt Header="New TabItemExt" IsNewTab="False" MinWidth="150" MinHeight="20"/>

        </syncfusion:TabControlExt>

    </Grid>

</syncfusion:ChromelessWindow>

SAMPLE 2: Theme DOE NOT work as expected - see attachment Picture 2

<syncfusion:ChromelessWindow

        x:Class="VinylColl.View.Window1"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:VinylColl.View"

        xmlns:syncfusion="http://schemas.syncfusion.com/wpf" 

        

        xmlns:syncfusionskin ="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"

        syncfusionskin:SfSkinManager.VisualStyle="Blend" 

        mc:Ignorable="d"

        Title="Window1" Height="300" Width="300">

     <Window.Resources>

        <ResourceDictionary>

            <ResourceDictionary.MergedDictionaries>

            </ResourceDictionary.MergedDictionaries>

        </ResourceDictionary>

    </Window.Resources>

    <Grid>

        <syncfusion:TabControlExt x:Name="tabControlExt" HorizontalAlignment="Left" Margin="27,50,0,0" VerticalAlignment="Top" syncfusionskin:SfSkinManager.VisualStyle="Blend">

            <TabItem Header="TabItem">

                <Grid Background="#FFE5E5E5"/>

            </TabItem>

            <syncfusion:TabItemExt Header="New TabItemExt" IsNewTab="False" MinWidth="150" MinHeight="20"/>

        </syncfusion:TabControlExt>

    </Grid>

</syncfusion:ChromelessWindow>

I've narrowed it down to adding in Window.Rresources, then the Theme appears to stop working.

Is it looking for something to be added into the resources?

Why did it work before the update, and not afterwards?

Am I doing something wrong here? 

If so what?

Thanks in advance,

Best regards,

Dan

Attachment: Attachment_Pictures_5e937c1d.zip

[Venkateshwaran Ramdoss]

Hi Daniel, 

 

Thank you for contacting Syncfusion Support. 

 

Query #1:"Is it looking for something to be added into the resources?" 

 

We need to set the ApplyStylesOnApplication property as True when applying the themes. It merges all the resource files to the Application’s Resource Dictionary. We have prepared a sample for the same and it can be downloaded from the below link. 

Sample: http://www.syncfusion.com/downloads/support/forum/125291/ze/TabControlSample_125291738758871.zip  

Code Snippet:  

public MainWindow() 

        { 

            SfSkinManager.ApplyStylesOnApplication = true; 

            InitializeComponent();            

        } 

 

Query #2:"Why did it work before the update, and not afterwards?" 

 

It is work as same as our previous Syncfusion EssentialStudio version 14.2.0.26  when we did not set the ApplyStylesOnApplication property as True. We have prepared a video for your reference and it can be downloaded from the below link. 

 

Video: http://www.syncfusion.com/downloads/support/forum/125291/ze/PreviousversionVideo945632089.zip   

 

Could you please confirm the given solution match your requirement or else please share us more information about your requirement? 

 

Regards, 

Venkateshwaran V.R. 

[Daniel Fowler]

Hi Venkateshwaran

Thanks for the reply - must have missed that bit in the documentation!

Yes thanks, it appear to have solved the problem.

Thanks for the help!

Best regards,

Dan

[Venkateshwaran Ramdoss]

Hi Daniel, 

Thanks for your update. 

We are glad that your issue has been resolved.
Please let us know if you need any other assistance.

Regards,
Venkateshwaran V.R.