XamCheckEditor & Metro style | Infragistics Forums

The blog post you're referring to is explaining why setting the Style of an element (or putting an implicit style closer to the element than that provided by say a theme) causes it to not pick up another implicit style higher up (in the case of that article one such as one that might be provided by the Theme property). The description of the issue is still accurate. The problem you are reporting/describing is a different situation. The Style that you are setting is being correctly applied to the xamCheckEditor so whatever you do in that style is affecting the xamCheckEditor element itself (as that is all the Style affects). The reason why it doesn't appear visually as you were expecting is because there are other things that are being used by that Style that are not present from the Metro theme.

One such thing is the Style of other elements used (directly or indirectly) within that affected element. So in the case of the xamCheckEditor it contains a ValueEditorCheckBox element (which is what is providing the visuals for the checkbox portion of the control). So that element like any other that doesn't have its Style set will pick up its implicit style from the point of use - i.e. the WPF framework walks up the tree from where that instance is used looking for a style for that element. There is none so it ultimately checks the App.Resources (which also doesn't have one in this case) and then ultimately goes to the resource dictionary loaded by the WPF framework based upon the OS theme. So the ValueEditorCheckBox will end up using whatever style is being defined by the RD loaded based on the OS theme.

Another such thing are any DynamicResources. Those too are essentially located by the WPF framework based on the point of use - i.e. starting from the element referencing the DynamicResource and walking up the tree to locate a resource for that key. Again since there isn't one up the visual tree and isn't one in the app.resources the WPF framework will ultimately check in the RD loaded based on the OS theme. That is why the border colors, etc. used by say the xamTextEditor don't get used in your sample. Those brushes are referenced by our styles/templates using DynamicResource so that they can be replaced without having to retemplate/style the control.

So basically your not exactly doing what was described by the article because you're not setting the Theme or otherwise providing the resources from a theme within the tree or app.resources. You need to put those other resources into the tree. One way to do that would be to set the Theme property on the element since that puts a RD containing all the resources needed for that theme into the Resources of that element and therefore makes them available to any implicit walk by the framework. You can still set the Style property of that element if you want to provide a customized style for that element. Another option would be to put the RDs for that theme into the Window.Resources or App.Resources (if you want to affect the entire app by default). Again you can still set the Style of specific elements and you'll use the BasedOn if you want to pick up other things for that element's Style from the Theme style. If you wanted to affect say all XamCheckEditors in the application you could even just put that style into the RD where you put the theme resources. E.g.

<Application x:Class="Editors_Themes.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:igTheme="http://infragistics.com/Themes"
             xmlns:igWpf="http://schemas.infragistics.com/xaml/wpf"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <igTheme:ResourceSetLoader Locator="{x:Static igTheme:EditorsMetro.Location}" />
                <igTheme:ResourceSetLoader Locator="{x:Static igTheme:PrimitivesMetro.Location}" />
            </ResourceDictionary.MergedDictionaries>
            
            <Style TargetType="igWpf:XamCheckEditor" BasedOn="{x:Static igTheme:EditorsMetro.XamCheckEditor}">
                <!-- Add setters to override some stuff -->
            </Style>
        </ResourceDictionary>
    </Application.Resources>
</Application>

Scenario 2