[C#] WPF Button with Image and Text

Jason

16y29.3k

I wasn't sure whether or not to put this in C#, WPF, or XAML, but hopefully this will work.
I'm trying to use C# and WPF to enter buttons that have a picture next to them. I followed this tutorial:
http://www.c-sharpcorner.com/Resources/Detail.aspx?ResourceId=629
But it seems like once you use the image like that, it fills it in as the "content", therefore text cannot be typed.
Is there any easy way to just put a picture on the left side of the button, and text to the right? I really rather not modify every image with the text just to have this happen.

Thanks everyone.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

mjk pradeep16y ago
I think what mahesh explained is really cool here are the simple way's where u can keep your image and text.

1

2
Sam Hobbs16y ago
I am not familiar with WPF very much but I assume there is a difference between custom controls and UserControls, even for WPF. If they are not the same thing, then a UserControl is probably easier than a custom control. I think that what you would do is to put an image control and a button control in the UserControl, and then you can put the text in the button control.
Jason16y ago
Ahh, not as simply as I had hoped then. Thanks Mahesh, I'll check it out.
Mahesh Chand16y ago
Button control direct does not support this. What you can do is, create your own Custom button derived from the Button or Image class, and on that, place a panel control (Canvas, Grid, DockPanel, StackPanel or other panels - Go to WPF section of this site to learn about all panels and their attributes) and on that, place an Image and TextBlock control. Expose these controls as public properties and then you can use this control as a Button control with Image+Text.

Cheers!