Style not not applying to DataTemplates

Question

0.00/5 (No votes)

See more:

I am creating DatTemplates for two classes in a resource dictionary. I want to be able to apply a uniform style (here for TextBlock) to both the DataTemplates. But when I run the application I do not see the style applied. If I put the styles in each of the datatemplates then I get key duplication error. How do I accomplish this.

HTML

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:my="clr-namespace:TestDataTemplateResources">
    
    <ResourceDictionary.MergedDictionaries>
        
        <ResourceDictionary>
            <Style TargetType="TextBlock">
                <Setter Property="Background" Value="Yellow"/>
                <Setter Property="FontStyle" Value="Italic"/>
            </Style>
        </ResourceDictionary>

        <ResourceDictionary>

            <DataTemplate DataType="{x:Type my:PersonClass}">
            
                <Border BorderBrush="Blue" BorderThickness="2">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                       
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        
                        <TextBlock Grid.Column="0" Grid.Row="0" Text="{Binding Name}"/>
                        <TextBlock Grid.Column="0" Grid.Row="1" Text="{Binding Age}"/>


                    </Grid>
                </Border>
            </DataTemplate>

            <DataTemplate DataType="{x:Type my:AddressClass}">

                <Border BorderBrush="Blue" BorderThickness="2">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>

                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>

                        <TextBlock Grid.Column="0" Grid.Row="0" Text="{Binding Street}"/>
                        <TextBlock Grid.Column="0" Grid.Row="1" Text="{Binding Zip}"/>

                    </Grid>
                </Border>
            </DataTemplate>

        </ResourceDictionary>
        
    </ResourceDictionary.MergedDictionaries>
    
</ResourceDictionary>

Posted 10-Dec-13 3:43am

jainga10213

Updated 10-Dec-13 3:44am

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Irina Pykhova · Answer 1 · 2013-12-10T05:56:00

Solution 1

try to remove MergedDictionaries at all. Just place style and both data templates in the root ResourceDictionary. Or at least in the same single merged dictionary.

Posted 10-Dec-13 5:56am

Irina Pykhova

jainga10213 · Answer 2 · 2013-12-10T06:35:00

Hi Irina, I tried your suggestion and placed everything in the root resourcedictionary. But still the datatemplates do not pick up the style.

HTML

<resourcedictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:my="clr-namespace:TestDataTemplateResources">
    
                     <style targettype="TextBlock">
                        <setter property="Background" value="Yellow" />
                        <setter property="FontStyle" value="Italic" />
                     </style>


            <datatemplate datatype="{x:Type my:PersonClass}">

        
            <border borderbrush="Blue" borderthickness="2">
                    <grid>
                        <grid.columndefinitions>
                            <columndefinition width="Auto" />
                        </grid.columndefinitions>
                       
                        <grid.rowdefinitions>
                            <rowdefinition height="Auto" />
                            <rowdefinition height="Auto" />
                        </grid.rowdefinitions>
                        
                        <textblock grid.column="0" grid.row="0" text="{Binding Name}" />
                        <textblock grid.column="0" grid.row="1" text="{Binding Age}" />


                    </grid>
                </border>
            </datatemplate>

            <datatemplate datatype="{x:Type my:AddressClass}">

                <border borderbrush="Blue" borderthickness="2">
                    <grid>
                        <grid.columndefinitions>
                            <columndefinition width="Auto" />
                        </grid.columndefinitions>

                        <grid.rowdefinitions>
                            <rowdefinition height="Auto" />
                            <rowdefinition height="Auto" />
                        </grid.rowdefinitions>

                        <textblock grid.column="0" grid.row="0" text="{Binding Street}" />
                        <textblock grid.column="0" grid.row="1" text="{Binding Zip}" />

                    </grid>
                </border>
            </datatemplate>
 

    
</resourcedictionary>