XP Style CColorControl Class with Themed Gradient Buttons


Full Text Search: The Key to Better Natural Language Queries for NoSQL in Node.js


This article describes a set of control-derived classes for a colorful presentation by using XP-styled hottracked controls with themed gradient buttons. Gives your edit boxes and buttons a nice look and feel both in XP and 2K

This work is partly based on the articles "XP Style CBitmapButton (CHoverBitmapButton)" by Rail Jon Rogut and "Color Controls" by Paul J. Weiss. Credits to you both.

Note that the orginal versions of the control-derived classes were written by Paul J. Weiss. Because the application I wrote this for is intended to run on touchscreen systems, I focused mainly on the base class CColorControl, the CEdit derived CColorEdit, and, most of all, on the CButton-derived CColorButton. These classes have been completly rewritten whereas the CColorStatic and CColorComboBox classes consist of the original work by Paul. I kept them here in case anyone wants to make an effort. Don't expect them to work as they are (no offense, Paul).


  • Runs on Windows 2000 (classic mode only; see sample screendump) and Windows XP
  • CColorButton uses Uxtheme.h and tmschema.h (and corresponding libraries) for visual styling. Have your project include the path to these files (found in the SDK)
  • CColorButton uses GDI+ for drawing. gdiplus.dll must be present in targeted systems. Refer to SDK
  • Add theme.cpp and ColorControl.cpp to your project
  • Include ColorControl.h where you need it
  • Add CButton and CEdit controls to your dialogtemplate with desired style (disabled, readonly, and so forth)
  • Create control variables for each control of type CColorButton or CColorEdit
  • Compile and run

Common Functions

void CColorControl::SetColors (const COLORREF FGColor,
                               const COLORREF BGColor,
                               const COLORREF HotFGColor,
                               const COLORREF HotBGColor);
void CColorControl::SetDisabledColors (const COLORREF
                    DisabledFGColor = RGB_GRAYTEXT,
                    const COLORREF DisabledBGColor = RGB_BTNFACE);
void CColorControl::SetColorBg (COLORREF clr);
void CColorControl::SetColorFg (COLORREF clr);
void CColorControl::SetColorBgHot (COLORREF clr);
void CColorControl::SetColorFgHot (COLORREF clr);
void CColorControl::SetColorBgDisabled (COLORREF clr);
void CColorControl::SetColorFgDisabled (COLORREF clr);
void CColorControl::SetRolloverDelay (UINT mSeconds);
void CColorControl::EnableHot (bool bEnable};    // turns hottracking
                                                 // on/off

CColorButton Functions

void EnableXP(bool bEnable);    // turns XP-style (if present on
                                // system) on/off
void SetGradientColors(BYTE alphaUpper,    COLORREF rgbUpper,
                       BYTE alphaLower,    COLORREF rgbLower,
                       BYTE alphaLowerHot, COLORREF rgbLowerHot);

Don't hesitate to improve or change whatever you feel like and post it back. I'm all for perfection!

Good luck.


About the Author

Anders Sandberg

C/C++ Developer mainly focused at real-time industrial systems. http://conceptcoding.se



  • mouse pointer area is not re-painted

    Posted by ohlik on 10/06/2004 10:38pm

    I use the windows 2000. When mouse pointer is on the botton, mouse pointer area is not re-painted.

    • Sample prg for vc6.0 reqd

      Posted by danandu on 10/19/2007 01:40am

      I am using VC 6.0. When i tried using a project converter to convert this 7.0 project to 6.0 i am facing a lot of errors like some header files are not found. If you provide 6.0 sample then it will help me.

Leave a Comment
  • Your email address will not be published. All fields are required.

Top White Papers and Webcasts

  • Cloud has the potential to offer many benefits that can enable great success within your business. However, there are still many myths floating around about backing up to the cloud. In this eBook, you'll discover the truth about five of the most common cloud myths, including myths about security, maintaining regulatory compliance and more. Get to the truth, so you can backup to the cloud with confidence.

  • Using Internet of Things (IoT) technologies, colleges and universities are linking anything and everything to create new applications that elevate the campus experience. It's called a Smart Campus. And it's transforming campus life for students, faculty and visitors. When everything is connected, devices and applications can interact with users and with each other in ways that weren't possible before: digital classrooms, connected campus ID cards, connected lighting and building environmental systems and …

Most Popular Programming Stories

More for Developers

RSS Feeds

Thanks for your registration, follow us on our social networks to keep up-to-date