Reputation: 403
I have a Button that I need to have a colored Background but on top of the color I need to have an image. I did add background color and added the image in the foreground. The image is not showing at all as soon I added to the foreground.
If I add image to the Background it will appear. Any idea?
<Button x:Name="btnInkMode" Content="" Height="20" VerticalAlignment="Top" IsEnabled="True" HorizontalAlignment="Left" Width="20" Canvas.Left="554" Canvas.Top="5" Click="btnInkMode_Click" Background="#FFFFD56A">
<Button.Foreground>
<ImageBrush ImageSource="../Resources/pen-icon.gif"/>
</Button.Foreground>
</Button>
Upvotes: 0
Views: 1136
Reputation: 35733
Foreground is a color of text. Since Content is an empty string, Foreground is irrelevant (there is nothing to display in that color).
Add Image as Content:
<Button x:Name="btnInkMode" Height="20" VerticalAlignment="Top" IsEnabled="True" HorizontalAlignment="Left" Width="20" Canvas.Left="554" Canvas.Top="5" Click="btnInkMode_Click" Background="#FFFFD56A">
<Button.Content>
<Image Source="../Resources/pen-icon.gif"/>
</Button.Content>
</Button>
actually you don't even need to write <Button.Content>
tag. Above and below code are equivalent:
<Button x:Name="btnInkMode" Height="20" VerticalAlignment="Top" IsEnabled="True" HorizontalAlignment="Left" Width="20" Canvas.Left="554" Canvas.Top="5" Click="btnInkMode_Click" Background="#FFFFD56A">
<Image Source="../Resources/pen-icon.gif"/>
</Button>
Upvotes: 4