Datatrigger on contentpresenter.content not working

Question

I am trying to switch the content of a contentpresenter based on a datatrigger.I want to display a usercontrol in the contentpresenter.content, if i have a value set or else i need to display an error message.But the binding on my datatrigger fails stating that the property is not found.I cant get the datacontext to inherit for the datatrigger checking.I can make it work by using the commented out code.But i am confused why it doesn't work the normal way.

  <ContentPresenter.Style>
            <Style TargetType="{x:Type ContentPresenter}">
                  <Setter Property="Content" Value="{Binding UC}"/>
                <Style.Triggers>
                    <!--<DataTrigger Binding="{Binding DataContext.HasValue,RelativeSource={RelativeSource AncestorType={x:Type ContentPresenter}}}" Value="false">
                        <Setter Property="Content" Value="No preview"/>
                    </DataTrigger>-->
                    <DataTrigger Binding="{Binding HasValue}" Value="false">
                        <Setter Property="Content" Value="No value"/>
                    </DataTrigger> 

                </Style.Triggers> 

            </Style>
        </ContentPresenter.Style>
    </ContentPresenter>

score 8 · Answer 1 · edited May 23 '17 at 12:33

If you want to use triggers to display UserControl, you should use ContentControl not ContentPresenter. I prefer to use ContentPresenter for CustomControls and When I am using the UserControl for views of Custom Data Types in my system and Allow to give dynamic behavior.

Example: To switch templates for ContentPresenter you need to set ContentTemplateSelector like this

<ContentPresenter Content="{Binding MyContent}"
                          ContentTemplate="{Binding MyContentTemplate}"
                          ContentTemplateSelector="{Binding MyContentTemplateSelector}"/>

MyContent, MyContentTemplate & MyContentTemplateSelector are Dependency Properties and can be binded wherever you are using its instance.

READ :

Usage of ContentPresenter

What is the difference between ContentControl and ContentPresenter

The binding mentioned in the question won't work as

ContentPresenter’s DataContext is automatically set to the value of its Content property, while ContentControl’s DataContext is not.

Bindings are resolved relatively to the value of the DataContext property. If you declare a binding on the ContentPresenter, the moment its content is set, the binding would be re-evaluated.

ContentControl.Content Property can be changed on any trigger based on your requirement. If you want to use it to change on PropertyChanged Event of a property of ViewModel, DataTrigger can be used by binding it with a DataTemplate with UserControl instance in it or using static resource of that UserControl.

<ContentControl>
    <ContentControl.Style>
        <Style TargetType="{x:Type ContentControl}">
            <Setter Value="{StaticResource UnSelectedDataTemplate}" Property="ContentTemplate" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=IsSelected}" Value="True">
                    <Setter Value="{StaticResource SelectedDataTemplate}" Property="ContentTemplate" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ContentContro.Style>
</ContentControl>

READ How to use triggers for content template, more details here

Difference in DataTemplate and StaticResource scope is DataTemplate creates a new instance of the template every time its applied. Whereas, StaticResource is using the same instance of UserControl again (Static Instance). You can also use EventTriggers to change content base don Control Events like MouseOver etc.

Alternate approach
Very similar to the above with slight difference. Defining as a data template in resources. Triggering for the content change is essentially identical.

...in <x.Resources /> tag:

<DataTemplate x:Key="DesignerTemplate" DataType="{x:Type vm:SolutionViewModel}">
    <vw:SolutionDesignerView />
</DataTemplate>
<DataTemplate DataType="{x:Type vm:SolutionViewModel}">
    <ContentControl Content="{Binding }">
        <ContentControl.Style>
            <Style TargetType="{x:Type ContentControl}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsLoaded}" Value="True">
                        <Setter Property="ContentTemplate" Value="{StaticResource DesignerTemplate}" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ContentControl.Style>
    </ContentControl>
</DataTemplate>

...then:

<ContentControl Content="{Binding Solution}" />

I've come up with the coded solution. You've provided some good information here. I can paste the sample into your answer and you can edit and modify. This will award you the bounty and probably some upvotes. — IAbstract, Aug 28 '16 at 15:48
sure, you can add it.. i was adding some info too.. thanks fr the bounty — Akanksha Gaur, Aug 28 '16 at 15:52
To address the OP's question directly - the `{Binding HasValue}` trigger does not work, because `ContentPresenter.DataContext` is set to whatever the value of `ContentPresenter.Content` is. So once the content is set to `ViewModel.UC` value, it tries to look for `UC.HasValue` rather than `ViewModel.HasValue`, and understandably fails. For the same reason the relative source approach works. This information can be found under the first link you've provided, but I think it would be useful to point it out explicitly in your answer. — Grx70, Aug 29 '16 at 12:38

score -2 · Answer 2 · answered Feb 20 '12 at 10:17

I usually use trigger Like this...

                        <UserControl>
                            <UserControl.Resources>
                                <DataTemplate x:Key="normalTemplate" >
                                     <!-Fav UserControl->
                                </DataTemplate >
                                <DataTemplate x:Key="overWriteTempalte">
                                    <!-Fav UserControl->                                    </DataTemplate>
                            </UserControl.Resources>
                            <ContentPresenter x:Name="ContentField"
                                              Content="{Binding}"
                                              ContentTemplate="{StaticResource ResourceKey=normalTemplate}" />
                            <UserControl.Triggers>
                                <DataTrigger Binding="{Binding Path=MyProperty}" Value="True">
                                    <Setter TargetName="ContentField" Property="ContentTemplate" Value="{StaticResource ResourceKey=overWriteTempalte}" />
                                </DataTrigger>
                            </UserControl.Triggers>
                        </UserControl>

If Bindings are a problem Use Snoop to Detect binding errors

This is wrong. The triggers on a UserControl must be of type EventTrigger. — Joe, Jul 24 '13 at 21:20
@IAbstract Binding fr a user control cannot be done by giving the type... a static resource needs to be declared fr user control instance then binding that as the content will work. Joe - since this user control is being displayed as content of content presenter based on viewmodel binding Data Trigger will be used.... Event Triggers r used when u want to display based on UserControl Properties — Akanksha Gaur, Aug 28 '16 at 15:02

Datatrigger on contentpresenter.content not working

2 Answers2

Linked