Add an image in a WPF button

Question

I tried this solution    lt Button gt       lt StackPanel gt           lt Image Source  Pictures img jpg    gt           lt TextBlock gt Blablabla lt  TextBlock gt       lt  StackPanel gt   lt  Button gt    But I can see the image only in the project window  and when I launch the program it disappears   If I try this     Image img   new Image      img Source   new BitmapImage new Uri  foo png        StackPanel stackPnl   new StackPanel      stackPnl Orientation   Orientation Horizontal    stackPnl Margin   new Thickness 10     stackPnl Children Add img      Button btn   new Button      btn Content   stackPnl    I get a   System Windows Markup XamlParseException  in PresentationFramework dll  exception   What is the solution

User · Answer

Please try the below XAML snippet    lt Button Width  300  Height  50  gt     lt StackPanel Orientation  Horizontal  gt       lt Image Source  Pictures img jpg  Width  20  Height  20   gt       lt TextBlock Text  Blablabla  VerticalAlignment  Center    gt     lt  StackPanel gt   lt  Button gt    In XAML elements are in a tree structure  So you have to add the child control to its parent control  The below code snippet also works fine  Give a name for your XAML root grid as  MainGrid    Image img   new Image    img Source   new BitmapImage new Uri   foo png      StackPanel stackPnl   new StackPanel    stackPnl Orientation   Orientation Horizontal  stackPnl Margin   new Thickness 10   stackPnl Children Add img    Button btn   new Button    btn Content   stackPnl  MainGrid Children Add btn

User · Answer

In the case of a  missing  image there are several things to consider    When XAML can t locate a resource it might ignore it  when it won t throw a XamlParseException  The resource must be properly added and defined    Make sure it exists in your project where expected  Make sure it is built with your project as a resource    Right click   Properties   BuildAction  Resource        Another thing to try in similar cases  which is also useful for reusing of the image  or any other resource    Define your image as a resource in your XAML    lt UserControl Resources gt        lt Image x Key  MyImage  Source     gt   lt  UserControl Resources gt    And later use it in your desired control s     lt Button Content   StaticResource MyImage     gt

User · Answer

Use    lt Button Height  100  Width  100  gt     lt StackPanel gt       lt Image Source  img jpg    gt       lt TextBlock Text  Blabla    gt     lt  StackPanel gt   lt  Button gt    It should work  But remember that you must have an image added to the resource on your project

User · Answer

I found that I also had to set the Access Modifier in the Resources tab to  Public  - by default it was set to Internal and my icon only appeared in design mode but not when I ran the application

User · Answer

You can set the button s background to the image if you then want to overlay text    lt Button gt      lt Button Background gt        lt ImageBrush ImageSource   AssemblyName component Pictures img jpg   gt      lt  Button Background gt      lt TextBlock gt Blablabla lt  TextBlock gt   lt  Button gt    Watch out for the image source syntax  See this question for help

User · Answer

Try ContentTemplate    lt Button Grid Row  2  Grid Column  0  Width  20  Height  20          Template   StaticResource SomeTemplate   gt       lt Button ContentTemplate gt           lt DataTemplate gt               lt Image Source     Folder1 Img1 png  Width  20    gt           lt  DataTemplate gt       lt  Button ContentTemplate gt   lt  Button gt

User · Answer

I also had the same issue  I ve fixed it by using the following code            lt Button Width  30  Margin  0 5  HorizontalAlignment  Stretch   Click  OnSearch   gt               lt DockPanel gt                   lt Image Source     Resources Back jpg   gt               lt  DockPanel gt           lt  Button gt    Note  Make sure the build action of the image in the property window  should be Resource

[c#] Add an image in a WPF button

Examples related to c#

Examples related to wpf

Examples related to image

Examples related to button