Click here to Skip to main content
15,395,859 members
Articles / Programming Languages / Visual Basic
Technical Blog
Posted 15 Jan 2012

Tagged as


18 bookmarked

WinForms Button

Rate me:
Please Sign up or sign in to vote.
5.00/5 (7 votes)
15 Jan 2012CPOL2 min read
WinForms Button

To add a WinForms Button to your application, you need to drag a new instance of the vButton Control from the Visual Studio Toolbox and drop it into your Winforms application's form. Some of the frequently used properties such as TextAlign, ImageAlign and TextImageRelation allow you to easily change the layout of the Button's Text and Image. The VIBlend Button Control comes with 25 built-in Themes. It supports the new Metro Blue, Green and Orange themes and the popular Office Themes including the themes from Microsoft Office 2003, Office 2007 and Office 2010. You can easily change the winforms button theme. What you need to do is to just set the VIBlendTheme property and the winforms button will automatically change its visual appearance. Sometimes, users want to customize theme settings such as backcolor or forecolor. In this post, we will create a custom Theme using the VIBlend Controls APIs and will apply it to the WinForms Button control.

  • Define the theme colors. The colors array defines the default state colors, the highlightcolors array define the colors used when the mouse is over the button. The pressedcolors array defines colors used when the winforms button is pressed.


    Color[] colors = new Color[]{Color.FromArgb(255,39,94,176),
    Color.FromArgb(255, 37, 92, 175), Color.FromArgb(255,51,105,206),
    Color[] highlightColors = new Color[]{Color.FromArgb(255,59,114,196),
    Color.FromArgb(255, 57, 112, 185), Color.FromArgb(255,71,125,226),
    Color[] pressedColors = new Color[]{Color.FromArgb(255,79,134,216),
    Color.FromArgb(255, 77, 132, 215), Color.FromArgb(255,91,145,246),

    VB .NET

    Dim colors() As Color = {Color.FromArgb(255,39,94,176), _
        Color.FromArgb(255, 37, 92, 175), Color.FromArgb(255,51,105,206), _
    Dim highlightColors() As Color = {Color.FromArgb(255,59,114,196), _
        Color.FromArgb(255, 57, 112, 185), Color.FromArgb(255,71,125,226), _
    Dim pressedColors() As Color = {Color.FromArgb(255,79,134,216), _
        Color.FromArgb(255, 77, 132, 215), Color.FromArgb(255,91,145,246), _
  • Define the default, highlight and pressed states. The following code illustrates how to create the styles for the winforms button states. The 90 number is for the gradient angle. This means that the button's gradient will be vertical. The 0.7f and 0.9f define the offset between each gradient color starting from 0 to 1. You can think about this as: 0f - first color, 0.7f - second color, 0.9f third color and 1.0f fourth gradient color.


    FillStyleGradientEx normalStyle = new FillStyleGradientEx
        (colors[0], colors[1], colors[2], colors[3], 90, 0.7f, 0.9f);
    FillStyleGradientEx highlightStyle = new FillStyleGradientEx(highlightColors[0], 
        highlightColors[1],highlightColors[2], highlightColors[3], 90, 0.7f, 0.9f);
    FillStyleGradientEx pressedStyle = new FillStyleGradientEx(pressedColors[0], 
        pressedColors[1],pressedColors[2], pressedColors[3], 90, 0.7f, 0.9f);
    Color borderColor = Color.FromArgb(31, 72, 161);


    Dim normalStyle As New FillStyleGradientEx(colors(0), colors(1), _
        colors(2), colors(3), 90, 0.7f, 0.9f)
    Dim highlightStyle As New FillStyleGradientEx(highlightColors(0), _
        highlightColors(1), highlightColors(2), highlightColors(3), 90, 0.7f, 0.9f)
    Dim pressedStyle As New FillStyleGradientEx(pressedColors(0), _
        pressedColors(1), pressedColors(2), pressedColors(3), 90, 0.7f, 0.9f)
    Dim borderColor As Color = Color.FromArgb(31, 72, 161)
  • Create a ControlTheme instance and initialize its StyleNormal, StyleHighlight and StylePressed properties. The FillStyle member defines the background, BorderColor defines the border's color and TextColor defines the displayed text's color.


    ControlTheme theme = ControlTheme.GetDefaultTheme
    theme.StyleNormal.FillStyle = normalStyle;
    theme.StyleNormal.BorderColor = borderColor;
    theme.StyleNormal.TextColor = Color.White;
    theme.StyleHighlight.FillStyle = highlightStyle;
    theme.StyleHighlight.BorderColor = borderColor;
    theme.StyleHighlight.TextColor = Color.White;
    theme.StylePressed.FillStyle = pressedStyle;
    theme.StylePressed.BorderColor = borderColor;
    theme.StylePressed.TextColor = Color.White;


    Dim theme As ControlTheme = ControlTheme.GetDefaultTheme_
    theme.StyleNormal.FillStyle = normalStyle
    theme.StyleNormal.BorderColor = borderColor
    theme.StyleNormal.TextColor = Color.White
    theme.StyleHighlight.FillStyle = highlightStyle
    theme.StyleHighlight.BorderColor = borderColor
    theme.StyleHighlight.TextColor = Color.White
    theme.StylePressed.FillStyle = pressedStyle
    theme.StylePressed.BorderColor = borderColor
    theme.StylePressed.TextColor = Color.White
  • The final step is to set the button's Theme property to point to the ControlTheme instance.


    this.vButton1.StyleKey = "ButtonNewStyle";<br />
    this.vButton1.Theme = theme;


    Me.vButton1.StyleKey = "ButtonNewStyle"<br />
    Me.vButton1.Theme = theme


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


About the Author

United States United States
VIBlend designs and develops advanced components and controls for Windows platform
Group type: Organisation

7 members

Comments and Discussions

QuestionThis component isn't free. So I think the article is on a wrong site! Pin
silas6530-Jan-12 18:24
Membersilas6530-Jan-12 18:24 
AnswerRe: This component isn't free. So I think the article is on a wrong site! Pin
VIBlend30-Jan-12 18:36
MemberVIBlend30-Jan-12 18:36 
GeneralRe: This component isn't free. So I think the article is on a wrong site! Pin
Paul Effect[the real one]12-Aug-14 5:47
MemberPaul Effect[the real one]12-Aug-14 5:47 
GeneralRe: This component isn't free. So I think the article is on a wrong site! Pin
Lee James Tech11-Dec-16 8:05
professionalLee James Tech11-Dec-16 8:05 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.