Click here to Skip to main content
11,923,676 members (64,770 online)
Click here to Skip to main content
Add your own
alternative version


191 bookmarked

Images on XP-Style Buttons

, 27 Oct 2004
Rate this:
Please Sign up or sign in to vote.
A .NET Windows Forms Button using Visual Styles on Windows XP, that can display an image.


One thing I love best about XP is the capability to have themed controls. You can even load new themes much like it's been possible with most window managers for the X Window System.

These themed controls can be used with .NET Windows Forms by supplying a manifest and – for some controls like Button – setting the FlatStyle property to FlatStyle.System.

Unfortunately, setting the FlatStyle property of a Button control to FlatStyle.System makes it impossible to display an image on the face of the button. Somehow, setting the Image property has no effect on these controls.


A number of workarounds have been proposed, e.g., this one by MalteseFalcon. All approaches known to me use owner-drawn buttons to mimic the built in visual styles of XP but provide no ability to match third party visual styles.

The code snippet in this article makes it possible to have images on your XP-themed buttons while retaining the capability to adapt to custom visual styles.

The capability to draw controls using different visual styles was introduced by Microsoft with comctl32.dll, version 6, which has been shipping with the newest versions of Windows, i.e., Windows XP and Windows Server 2003. With this version, a number of new API calls have been introduced, among them is BCM_SETIMAGELIST which assigns an image list to a button control. The code in this article uses Platform Invocation Services (PInvoke) to use the BCM_SETIMAGELIST message.

The BCM_SETIMAGELIST message has another interesting property: if you supply more than one image in the image list, you can have the button display a different image for each of a number of states the button is in:

  • Normal
  • Hover
  • Pressed
  • Disabled
  • Focused

This behavior might be achieved using events as well, but using BCM_SETIMAGELIST, you get it without having to code the event handlers.

Using the code

The code wraps the System.Windows.Forms.Button class in a class called ImageButton. You can use this class just like a normal button except for the additional overloaded method SetImage. If you just want to display an image on the face of the button, you can use the method like this:

Bitmap searchBitmap = new Bitmap("Search_16X16_32bpp.png");
ImageButton searchImageButton = new ImageButton();

If you want more control over the alignment, padding, or set images for different button states, use the overloaded methods:

Bitmap goBitmap = new Bitmap("Go_48X48_32bpp.png");
Bitmap goHoverBitmap = new Bitmap("Go!_48X48_32bpp.png");
Bitmap goDisabledBitmap = new Bitmap("GoDisabled_48X48_32bpp.png");
ImageButton goImageButton = new ImageButton();
goImageButton.SetImage(goBitmap, goHoverBitmap, goBitmap, goDisabledBitmap, 
                       goBitmap, ImageButton.Alignment.Center);

Images with alpha channel are supported.

Points of Interest

Windows Forms ImageLists have a bug: if you add an Image to an ImageList, the alpha channel is lost. Therefore, the class in this article uses a workaround by resetting the pixel values of the Image after it has been added to the ImageList.

The demo image shows some buttons with the default XP visual style (top) as well as the custom Chaninja RC5 visual style (bottom).

The images in the demo are from the Qute collection originally drawn for Mozilla Firebird by Arvid "Quadrone" Axelsson.


  • February 24, 2004: Version 1.1.
    • Added alignment for non-XP-style buttons.
    • Added speed-up to Bitmap copying, contributed by Richard Deeming.
  • February 26, 2004: Version 1.2.
    • Added image scaling suggested by nxtwothou.
  • February 28, 2004: Version 1.3.
    • Added bicubic interpolation for rescaling.
  • May 8, 2004: Version 1.4.
    • Added drop down arrow capability
  • May 14, 2004: Version 1.5.
    • Added ThemedImage property for the designer.
    • Added auto-generation of disabled image (thanks to Carlos Leyva).
  • October 25, 2004: Version 1.6.
    • Fixed themes on/off detection bug (thanks to Leonid Kunin).
    • Added NAnt file.
    • Added I18n Smile | :)


This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


About the Author

Michael Ganss
Software Developer (Senior) UpdateStar
Germany Germany
Michael Ganss is Managing Director of UpdateStar. UpdateStar offers complete protection from PC vulnerability caused by outdated software. The award-winning UpdateStar offers comfortable software installation, uninstallation, and keeps all of your programs up-to-date. UpdateStar recognizes more than 135,000 software products and lets you know once an update is available for you - for optimized PC security.

You may also be interested in...

Comments and Discussions

GeneralBroke out of the box! Pin
Al_S1-Sep-09 4:34
memberAl_S1-Sep-09 4:34 
GeneralEasier Method Pin
Evit-Morningstar5-Jul-07 6:42
memberEvit-Morningstar5-Jul-07 6:42 
NewsCode is obsolete for .NET 2.0... Pin
xlouk7-Jul-06 5:13
memberxlouk7-Jul-06 5:13 
GeneralRe: Code is obsolete for .NET 2.0... Pin
earnshaw19433-Apr-07 0:54
memberearnshaw19433-Apr-07 0:54 
GeneralRe: Code is obsolete for .NET 2.0... Pin
xlouk3-Apr-07 2:24
memberxlouk3-Apr-07 2:24 
GeneralRe: Code is obsolete for .NET 2.0... Pin
JagdPanther14-Aug-07 6:37
memberJagdPanther14-Aug-07 6:37 
GeneralRe: Code is obsolete for .NET 2.0... [modified] Pin
DotNetInterest13-Aug-07 8:15
memberDotNetInterest13-Aug-07 8:15 
GeneralRe: Code is obsolete for .NET 2.0... Pin
xlouk19-Aug-07 23:32
memberxlouk19-Aug-07 23:32 
Generalbugs in DropdownButton Pin
PunCha21-Apr-06 4:28
memberPunCha21-Apr-06 4:28 
GeneralI could not get it work with VS 2003 pro Pin
riscy25-Feb-06 6:49
memberriscy25-Feb-06 6:49 
GeneralRe: I could not get it work with VS 2003 pro Pin
Michael Ganss27-Feb-06 0:38
memberMichael Ganss27-Feb-06 0:38 
Question"pushed" button style for a dropdown button ? Pin
joebarthib6-Dec-05 5:58
memberjoebarthib6-Dec-05 5:58 
AnswerRe: "pushed" button style for a dropdown button ? Pin
Michael Ganss6-Dec-05 23:08
memberMichael Ganss6-Dec-05 23:08 
GeneralRe: pushed button style for a dropdown button ? Pin
joebarthib8-Dec-05 0:20
memberjoebarthib8-Dec-05 0:20 
GeneralImageCheckBox Pin
wolfgang_hg28-Nov-05 5:31
memberwolfgang_hg28-Nov-05 5:31 
QuestionNo XP Style Pin
Greg Osborne26-Oct-05 6:57
memberGreg Osborne26-Oct-05 6:57 
AnswerRe: No XP Style Pin
Michael Ganss26-Oct-05 22:55
memberMichael Ganss26-Oct-05 22:55 
QuestionProblem after using ImageButton Pin
RagulKumar29-Aug-05 18:28
memberRagulKumar29-Aug-05 18:28 
AnswerRe: Problem after using ImageButton Pin
Michael Ganss29-Aug-05 23:00
memberMichael Ganss29-Aug-05 23:00 
QuestionRe: Problem after using ImageButton Pin
Anonymous31-Aug-05 20:05
sussAnonymous31-Aug-05 20:05 
AnswerRe: Problem after using ImageButton Pin
Michael Ganss31-Aug-05 23:15
memberMichael Ganss31-Aug-05 23:15 
AnswerRe: Problem after using ImageButton Pin
Greg Osborne26-Oct-05 7:01
memberGreg Osborne26-Oct-05 7:01 
GeneralGDI-Exceptions due to unsafe code ?! Pin
wolfgang_hg25-Feb-05 6:51
memberwolfgang_hg25-Feb-05 6:51 
GeneralRe: GDI-Exceptions due to unsafe code ?! Pin
Michael Ganss25-Feb-05 7:02
memberMichael Ganss25-Feb-05 7:02 
GeneralRe: GDI-Exceptions due to unsafe code ?! Pin
Joel Lucsy3-Mar-05 10:14
memberJoel Lucsy3-Mar-05 10:14 

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.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.151125.3 | Last Updated 27 Oct 2004
Article Copyright 2004 by Michael Ganss
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid