Return to Snippet

Revision: 64870
at September 28, 2013 03:20 by heathbo


Initial Code
Put this code in the XAML

<Window.Resources>
     <Style x:Key="RoundCorner" TargetType="Button">

            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="1"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid x:Name="grid">
                            <Border x:Name="border" CornerRadius="0,3,0,0" BorderBrush="#FF114EAF" BorderThickness="1">
                                <Border.Background>
                                    <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                        <GradientStop Color="#FF88A6D7" Offset="0"/>
                                        <GradientStop Color="#FFEBEBEB" Offset="0.5"/>
                                        <GradientStop Color="#FF1853B1" Offset="0.5"/>
                                        <GradientStop Color="#FF779AD1" Offset="1"/>
                                        <GradientStop Color="#FF4977C2" Offset="0.498"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" TextElement.FontWeight="Bold"></ContentPresenter>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>                            
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" TargetName="border">
                                    <Setter.Value>
                                        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                            <GradientStop Color="#FF98B2DC" Offset="0"/>
                                            <GradientStop Color="#FF245CB5" Offset="0.528"/>
                                            <GradientStop Color="#FFCAD7ED" Offset="1"/>
                                            <GradientStop Color="#FF7095CF" Offset="0.442"/>
                                            <GradientStop Color="#FF4272BF" Offset="0.487"/>
                                        </LinearGradientBrush>
                                    </Setter.Value>
                                </Setter>
                            </Trigger>

                            <Trigger Property="IsPressed" Value="True">
                                <Setter Property="Background" TargetName="border">
                                    <Setter.Value>
                                        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                            <GradientStop Color="#FF88A6D7" Offset="0"/>
                                            <GradientStop Color="#FFEBEBEB" Offset="0.5"/>
                                            <GradientStop Color="#FF1853B1" Offset="0.5"/>
                                            <GradientStop Color="#FF779AD1" Offset="1"/>
                                            <GradientStop Color="#FF4977C2" Offset="0.498"/>
                                        </LinearGradientBrush>
                                    </Setter.Value>
                                </Setter>
                            </Trigger>

                            <Trigger Property="IsEnabled" Value="False">
                                <Setter Property="Opacity" TargetName="grid" Value="0.25"/>
                            </Trigger>
                            
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>





<Button Style="{StaticResource RoundCorner}"/>

Initial URL


Initial Description
This code gives you the ability to stylize the buttons background, and borders on events.

Initial Title
WPF Custom Styled Button

Initial Tags


Initial Language
C#