How do you completely remove the button border in wpf

Question

I m trying to create a button that has an image in it and no border - just like the Firefox toolbar buttons before you hover over them and see the full button   I ve tried setting the BorderBrush to Transparent  BorderThickness to 0  and also tried BorderBrush   x Null    but you can still see the outline of the button

User · Answer

You can use Hyperlink instead of Button  like this            lt TextBlock gt               lt Hyperlink TextDecorations   x Null   gt               lt Image Width  16                     Height  16                     Margin  3                     Source   YourProjectName component Images close-small png    gt               lt  Hyperlink gt           lt  TextBlock gt

User · Answer

Why don t you set both Background  amp  BorderBrush by same brush    lt Style TargetType   x Type Button    gt           lt Setter Property  Background  Value   StaticResource marginBackGround   gt  lt  Setter gt           lt Setter Property  BorderBrush  Value   StaticResource marginBackGround   gt  lt  Setter gt                lt  Style gt    lt LinearGradientBrush  x Key  marginBackGround  EndPoint   5 1  StartPoint  0 5 0  gt       lt GradientStop Color   EE82EE  Offset  0   gt       lt GradientStop Color   7B30B6  Offset  0 5   gt       lt GradientStop Color   510088  Offset  0 5   gt       lt GradientStop Color   76209B  Offset  0 9   gt       lt GradientStop Color   C750B9  Offset  1   gt   lt  LinearGradientBrush gt

User · Answer

You may have to change the button template  this will give you a button with no frame what so ever  but also without any press or disabled effect        lt Style x Key  TransparentStyle  TargetType   x Type Button   gt           lt Setter Property  Template  gt               lt Setter Value gt                   lt ControlTemplate TargetType  Button  gt                       lt Border Background  Transparent  gt                           lt ContentPresenter  gt                       lt  Border gt                   lt  ControlTemplate gt               lt  Setter Value gt           lt  Setter gt       lt  Style gt    And the button    lt Button Style   StaticResource TransparentStyle    gt

User · Answer

Try this   lt Button BorderThickness  0        Style   StaticResource  x Static ToolBar ButtonStyleKey     gt

User · Answer

What you have to do is something like this    lt Button Name  MyFlatImageButton          Background  Transparent          BorderBrush  Transparent          BorderThickness  0           Padding  -4  gt      lt Image Source  MyImage png   gt   lt  Button gt    Hope this is what you were looking for   Edit  Sorry  forgot to mention that if you want to see the button-border when you hover over the image  all you have to do is skip the Padding  -4

User · Answer

You may already know that putting your Button inside of a ToolBar gives you this behavior  but if you want something that will work across ALL current themes with any sort of predictability  you ll need to create a new ControlTemplate   Prashant s solution does not work with a Button not in a toolbar when the Button has focus   It also doesn t work 100  with the default theme in XP -- you can still see faint gray borders when your container Background is white

User · Answer

I don t know why others haven t pointed out that this question is duplicated with this one with accepted answer   I quote here the solution  You need to override the ControlTemplate of the Button    lt Button Content  save  Name  btnSaveEditedText                   Background  Transparent                   Foreground  White                   FontFamily  Tw Cen MT Condensed                   FontSize  30                   Margin  -280 0 0 10                  Width  60                  BorderBrush  Transparent                  BorderThickness  0  gt       lt Button Template gt           lt ControlTemplate TargetType  Button  gt                lt ContentPresenter Content   TemplateBinding Content    gt           lt  ControlTemplate gt       lt  Button Template gt     lt  Button gt

User · Answer

Programmatically  you can do this   btn BorderBrush   new SolidColorBrush Colors Transparent

[wpf] How do you completely remove the button border in wpf?

Examples related to wpf

Examples related to button

Examples related to transparency