Advertise with us

How to set a default value on a DataTemplate?

Posted by  ezra heywood
 1545  View(s)
Rate this:
Hi Mindstick!

Can you see this tag: 

<Image Source="{Binding Image}" Stretch="UniformToFill"/> 

But below? What I'm trying to do is, when the Image is null, set another default image. Is this possible? 

<!-- Grid-appropriate 250 pixel square item template as seen in the GroupedItemsPage and ItemsPage -->

<DataTemplate x:Key="Standard250x250ItemTemplate">

    <Grid HorizontalAlignment="Left" Width="320" Height="240">

        <Border Background="{StaticResource ListViewItemPlaceholderRectBrush}">

            <Image Source="{Binding Image}" Stretch="UniformToFill"/>


        <StackPanel VerticalAlignment="Bottom" Background="{StaticResource ListViewItemOverlayBackgroundBrush}">

            <TextBlock Text="{Binding ShortTitle}" Foreground="{StaticResource ListViewItemOverlayTextBrush}" Style="{StaticResource TitleTextStyle}" Height="48" Margin="15,0,15,0"/>




Thanks in advance

  1. Re: How to set a default value on a DataTemplate?


    Add a Style with a DataTrigger. e.g. something like

    <Image Stretch="UniformToFill">
             <Style TargetType="Image">
                 <Setter Property="Source" Value="{Binding Image}"/>
                     <DataTrigger Binding="{Binding Image}" Value="{x:Null}">
                         <Setter Property="Source" Value="Images/Default.png"/>


      Modified On Mar-30-2018 11:20:19 PM