WPF / Silverlight Button Templates

Below are some templates for buttons in WPF or Silverlight. I hope to expand this page as I create more button templates.

Cool Button

Cool Button Preview

     <ControlTemplate TargetType="{x:Type Button}" x:Key="CoolButton">
      <Border BorderBrush="#FF000000" BorderThickness="1,1,1,1" CornerRadius="5,5,5,5" Padding="1,1,1,1">
        <Grid>
          <Rectangle Stroke="#FF000000" RadiusX="5" RadiusY="5" x:Name="rectangle">
            <Rectangle.BitmapEffect>
              <BevelBitmapEffect BevelWidth="2" EdgeProfile="CurvedOut" Relief="0.3" Smoothness="0.7"/>
            </Rectangle.BitmapEffect>
            <Rectangle.Fill>
              <LinearGradientBrush EndPoint="0.5,1.711" StartPoint="0.5,-0.289">
                <GradientStop Color="#FF2E3FF6" Offset="0.192"/>
                <GradientStop Color="#FF978AFB" Offset="0.716"/>
              </LinearGradientBrush>
            </Rectangle.Fill>
          </Rectangle>
          <ContentPresenter HorizontalAlignment="Center" Margin="5,5,5,5" VerticalAlignment="Center" x:Name="contentPresenter"/>
        </Grid>
      </Border>
      <ControlTemplate.Triggers>
        <Trigger Property="IsPressed" Value="True">
          <Setter Property="BitmapEffect" TargetName="rectangle">
            <Setter.Value>
              <BevelBitmapEffect BevelWidth="0" EdgeProfile="CurvedOut" Relief="0.3" Smoothness="0.7"/>
            </Setter.Value>
          </Setter>
          <Setter Property="Margin" TargetName="contentPresenter" Value="7,7,5,5"/>
        </Trigger>
      </ControlTemplate.Triggers>
    </ControlTemplate>

    

Shinny Button

Shinny Button Preview

        <ControlTemplate TargetType="{x:Type Button}" x:Key="ShinyButton">
      <Grid>
        <Grid.BitmapEffect>
          <BevelBitmapEffect BevelWidth="3" EdgeProfile="CurvedOut"/>
        </Grid.BitmapEffect>
        <Rectangle Stroke="#FF000000" RadiusX="5" RadiusY="5" HorizontalAlignment="Stretch" Width="Auto">
          <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.925,1.41" StartPoint="0.075,-0.41">
              <GradientStop Color="#FFFFFFFF" Offset="0"/>
              <GradientStop Color="#FFFFBE15" Offset="1"/>
              <GradientStop Color="#FFFFC223" Offset="0.822"/>
              <GradientStop Color="#FFFFF7E4" Offset="0.659"/>
              <GradientStop Color="#FFFFC01C" Offset="0.51"/>
              <GradientStop Color="#FFFFECBC" Offset="0.221"/>
              <GradientStop Color="#FFFFBF1B" Offset="0"/>
            </LinearGradientBrush>
          </Rectangle.Fill>
        </Rectangle>
        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
      </Grid>
    </ControlTemplate>

    
Custom .NET Training ASP.NET Training Silverlight Training LINQ Training IT Support