Click here to Skip to main content
12,063,006 members (31,815 online)
Rate this:
 
Please Sign up or sign in to vote.
See more: WPF
Hi,
How should I modify my code to make the corners of my button rounded?

<UserControl x:Class="WindowsFormsApplication8.UserControl1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="154" Width="177">
    <Grid>
        
        <Rectangle Name="rectangle1" Stroke="Black" RadiusX="10" RadiusY="10" >
        </Rectangle>
 
        <Button Name="rectangle2" Foreground="Black" Margin="3,3,3,3" >
            <Button.Background >
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                    <GradientStop Color="Green" Offset="0.0" />
                    <GradientStop Color="White" Offset="0.9" />
                </LinearGradientBrush>
            </Button.Background>
        </Button>
    </Grid>
</UserControl>

What is the simplest way?
Posted 25-May-10 8:55am
Comments
Member 10771181 18-Jun-14 9:38am
   
set required background view to rectangle and keep button's background as transparent.
Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 3

To get round edged corners, you have to use a control template.
I have explained that in my blog :
http://tarundotnet.wordpress.com/2011/02/22/a-rounded-edged-button-in-wpf/[^]

Hope it helped!
  Permalink  
v2
Comments
Manfred R. Bihy 28-Feb-11 4:50am
   
Nice example! 5+
Tarun.K.S 28-Feb-11 5:00am
   
Thanks! :)
aravinth santosh 21-May-15 11:45am
   
nice link
Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 1

Have a look at this article: A Style for Round Glassy WPF Buttons[^]
  Permalink  
Comments
Manfred R. Bihy 28-Feb-11 4:48am
   
Link to a great article! 4+
Sandeep Mewara 28-Feb-11 9:16am
   
Thanks Manfred.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


Advertise | Privacy | Mobile
Web03 | 2.8.160204.4 | Last Updated 28 Feb 2011
Copyright © CodeProject, 1999-2016
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100