Template Binding in Control template

Question

I have the following control template.

I wish to set the source property for the image control in the control template using Template Binding.

But since this is a control template for button control and the button control doesn't have source property, i can't use TemplateBinding in this case.

<ControlTemplate x:Key="BtnTemplate" TargetType="Button">         <Border CornerRadius="5"  Margin="15" Cursor="Hand">             <StackPanel>                 <Image Name="Img" Style="{StaticResource ImageStyle}" Source="temp.jpg" Height="100" Width="100" Margin="5"></Image>                 <Label Content="{TemplateBinding Content}" Background="Transparent" Margin="2"></Label>             </StackPanel>         </Border>     </ControlTemplate> 

Since i have to set different images for different instances of button, i can't hardcode the path as well.

Please let me know how to tackle this situation.

Answer 1

I'd suggest using dynamic resources, e.g. define the template as follows:

<ControlTemplate x:Key="buttonTemplate" TargetType="Button">     <Border CornerRadius="5"  Margin="15" Cursor="Hand">         <StackPanel Orientation="Horizontal" Background="Yellow">             <Image Source="{DynamicResource ResourceKey=Img}" Height="100" Width="100" Margin="5"></Image>             <Label Content="{TemplateBinding Content}" Background="Transparent" Margin="2"></Label>         </StackPanel>     </Border> </ControlTemplate> 

And use it like this:

<Button Content="Button" Template="{StaticResource ResourceKey=buttonTemplate}">     <Button.Resources>         <ImageSource x:Key="Img">SomeUri.png/</ImageSource>     </Button.Resources> </Button>