The GradientButton image appearance

The GradientButton image is customizable for background and text.

The background has few predefined gradient styles; along, the GradientStartColor and GradientEndColor can be defined.

<piece:GradientButton ID="GradientButton1" runat="server">
    <GradientBackground BorderColor="#404000" BorderWidth="2" GradientEndColor="#404040"
        GradientStartColor="#C0C000" RoundCornerRadius="2" Type="ForwardDiagonal" />
</piece:GradientButton>

The text is by default centered.

<piece:GradientButton ID="GradientButton1" runat="server">
    <Text Color="White" Font="GradientButton1 Sans, 8.25pt, style=Bold" HorizontalAlign="Center"
        Value="Something vertical" VerticalAlign="Center" />
</piece:GradientButton>