I want a button that
- Displays an image with NO border, NO background, NO text
- If I tab into the imagebutton, THEN it shows the background and border
- Also if I hover over it, it shows the background and border
I’ve searched and I’ve tried so many different things, but nothing it exactly what I want. I’ve tried setting various properties on the button to make the background and border transparent, but it still shows up. I’ve tried a style with a custom control template. I’d rather not have to completely reinvent all the triggers etc to get the button to render on mouse over. The biggest problem with custom control template is that then I loose all existing functionality and I’m basically building a new control from the ground up.
Here is another link that came closest to what I wanted but it doesn’t properly work for me.
How do you completely remove the button border in wpf? – BUT…. for some reason the hover effect gets stuck. One I mouse over the image and the button border draws, it stays stuck on until I click somewhere else.
Actually, you will want to override the control template. You’re not “losing” any functionality (aside from the UI triggers).
Original/Default Template — This is a good starting point… copy/paste that into you’re XAML (wherever you want to style this button… ie Button resources, UserControl/Window resources, App Resources?). From there make your adjustments.
Another easy way is to use Expression Blend. You can easily create a new template based on the existing template, and the styling/authoring tools it provides are much better than hand-coding XAML (unless you’re good at doing that).
As far as displaying an image instead of text, just set the image as the content. A Button is a type of ContentControl which means that it can house any type of content (
Object).