{"id":563,"date":"2014-07-07T07:00:00","date_gmt":"2014-07-07T14:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/oldnewthing\/2014\/07\/07\/customing-the-standard-color-picker-dialog\/"},"modified":"2014-07-07T07:00:00","modified_gmt":"2014-07-07T14:00:00","slug":"customing-the-standard-color-picker-dialog","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/oldnewthing\/20140707-00\/?p=563","title":{"rendered":"Customing the standard color-picker dialog"},"content":{"rendered":"

\nToday’s Little Program does a little bit of customization\nof the Choose­Color<\/code> dialog.\nWe do this by, um,\n\ndoing what the documentation says<\/a>.\n<\/p>\n

\nFor the color dialog, we take the template in\ncolor.dlg<\/code> and modify it.\nJust to get our feet wet, we won’t customize anything at all!\nThis ensures that we have the basics down\nbefore we start trying anything fancy.\n<\/p>\n

\nHandy tip<\/b>:\nBefore trying to customize something,\nfirst write code that does it uncustomized.\nThat way, you have a known working starting point.\n<\/p>\n

\n#include <windows.h>\n#include <colordlg.h>\n1 DIALOG LOADONCALL MOVEABLE DISCARDABLE 2, 0, 298, 184\nSTYLE WS_BORDER | DS_MODALFRAME | WS_CAPTION | WS_POPUP | WS_SYSMENU |\n      DS_3DLOOK\nCAPTION \"Color\"\nFONT 8 \"MS Shell Dlg\"\nBEGIN\n    LTEXT           \"&Basic colors:\", -1, 4, 4, 140, 9\n    CONTROL         \"\", COLOR_BOX1, \"static\",\n                    SS_SIMPLE | WS_CHILD | WS_TABSTOP | WS_GROUP,\n                    4, 14, 140, 86\n    LTEXT           \"&Custom colors:\", -1, 4, 106, 140, 9\n    CONTROL         \"\",  COLOR_CUSTOM1, \"static\",\n                    SS_SIMPLE | WS_CHILD | WS_TABSTOP | WS_GROUP,\n                    4, 116, 140, 28\n    PUSHBUTTON      \"&Define Custom Colors >>\" COLOR_MIX, 4, 150, 138, 14,\n                    WS_TABSTOP | WS_GROUP\n    DEFPUSHBUTTON   \"OK\", IDOK, 4, 166, 44, 14, WS_GROUP | WS_TABSTOP\n    PUSHBUTTON      \"Cancel\", IDCANCEL, 52, 166, 44, 14, WS_GROUP | WS_TABSTOP\n    PUSHBUTTON      \"&Help\", pshHelp, 100, 166, 44, 14, WS_GROUP | WS_TABSTOP\n    CONTROL         \"\", COLOR_RAINBOW, \"static\",\n                    SS_SUNKEN | SS_SIMPLE | WS_CHILD, 152, 4, 118, 116\n    CONTROL         \"\", COLOR_LUMSCROLL, \"static\",\n                    SS_SUNKEN | SS_SIMPLE | WS_CHILD, 280, 4, 8, 116\n    CONTROL         \"\", COLOR_CURRENT, \"static\",\n                    SS_SUNKEN | SS_SIMPLE | WS_CHILD, 152, 124, 40, 26\n    PUSHBUTTON      \"&o\", COLOR_SOLID, 300, 200, 4, 14, WS_GROUP\n    RTEXT           \"Color\", COLOR_SOLID_LEFT, 152, 151, 20, 9\n    LTEXT           \"|S&olid\", COLOR_SOLID_RIGHT, 172, 151, 20, 9\n    RTEXT           \"Hu&e:\", COLOR_HUEACCEL, 194, 126, 20, 9\n    EDITTEXT,       COLOR_HUE, 216, 124, 18, 12, WS_GROUP | WS_TABSTOP\n    RTEXT           \"&Sat:\", COLOR_SATACCEL, 194, 140, 20, 9\n    EDITTEXT,       COLOR_SAT, 216, 138, 18, 12, WS_GROUP | WS_TABSTOP\n    RTEXT           \"&Lum:\", COLOR_LUMACCEL, 194, 154, 20, 9\n    EDITTEXT,       COLOR_LUM, 216, 152, 18, 12, WS_GROUP | WS_TABSTOP\n    RTEXT           \"&Red:\", COLOR_REDACCEL, 243, 126, 24, 9\n    EDITTEXT,       COLOR_RED, 269, 124, 18, 12, WS_GROUP | WS_TABSTOP\n    RTEXT           \"&Green:\", COLOR_GREENACCEL, 243, 140, 24, 9\n    EDITTEXT,       COLOR_GREEN, 269, 138, 18, 12, WS_GROUP | WS_TABSTOP\n    RTEXT           \"Bl&ue:\", COLOR_BLUEACCEL, 243, 154, 24, 9\n    EDITTEXT,       COLOR_BLUE, 269, 152, 18, 12, WS_GROUP | WS_TABSTOP\n    PUSHBUTTON      \"&Add to Custom Colors\", COLOR_ADD, 152, 166, 142, 14,\n                    WS_GROUP | WS_TABSTOP\nEND\n<\/pre>\n
\nOur resource file is just a copy of the original\ncolor.dlg<\/code> file with no customizations.\nWe stick a\nwindows.h<\/cODE> in front,\nand assign it a custom resource ID of 1.\nLet's see if we can display it.\n<\/p>\n
\n#define UNICODE\n#define _UNICODE<\/a>\n#define STRICT\n#include <windows.h>\n#include <commdlg.h>\nint WINAPI wWinMain(\n    HINSTANCE hinst, HINSTANCE hinstPrev,\n    LPWSTR lpCmdLine, int nCmdShow)\n{\n COLORREF rgCustColors[16] = { 0 };\n CHOOSECOLOR cc = { sizeof(cc) };\n cc.hInstance = reinterpret_cast<HWND>(hinst);\n cc.lpTemplateName = MAKEINTRESOURCE(1);\n cc.Flags = CC_ENABLETEMPLATE;\n cc.lpCustColors = rgCustColors;\n if (ChooseColor(&cc)) {\n  MessageBox(nullptr, TEXT(\"Thank you\"), TEXT(\"Sample\"), MB_OK);\n }\n return 0;\n}\n<\/pre>\n
\nThe hInstance<\/code> member of the\nCHOOSE­COLOR<\/code>\nstructure is incorrectly declared as HWND<\/code>,\nso we need to stick in a cast to keep everybody happy.\n<\/p>\n
\nRun this program, and... everything looks perfectly normal.\nGood!\nNow we can customize it.\n<\/p>\n
\nFirst, let's just add a message to the dialog.\n<\/p>\n
\n1 DIALOG LOADONCALL MOVEABLE DISCARDABLE 2, 0, 298, 198<\/font>\n...\n    LTEXT           \"Don't forget to smile!\",\n                    -1, 4, 166, 138, 14<\/font>\n    DEFPUSHBUTTON   \"OK\", IDOK, 4, 180<\/font>, 44, 14, WS_GROUP | WS_TABSTOP\n    PUSHBUTTON      \"Cancel\", IDCANCEL, 52, 180<\/font>, 44, 14, WS_GROUP | WS_TABSTOP\n    PUSHBUTTON      \"&Help\", pshHelp, 100, 180<\/font>, 44, 14, WS_GROUP | WS_TABSTOP\n...\n<\/pre>\n
\nRebuild the program and run it.\nHey look, a happy message!\nNote that in order to fit the message in the dialog box,\nwe had to make the dialog box taller\nand move some buttons out of the way.\n<\/p>\n
\nJust adding static text is nice,\nbut it's not particularly interesting.\nSo let's add a check box to the dialog too.\n<\/p>\n
\n    AUTOCHECKBOX    \"I remembered to s&mile\",\n                    1000<\/font>, 4, 166, 138, 14, WS_TABSTOP<\/font>\n<\/pre>\n
\nIn addition to remembering the color the user chose,\nwe also want to remember whether they checked the box that\nsays that they smiled.\nThe documentation says that when the hook procedure receives a\nWM_INIT­DIALOG<\/code>,\nthe lParam<\/code> points to the\nCHOOSE­COLOR<\/code> dialog.\nWe therefore have two options for passing extra data to the\nhook procedure.\n<\/p>\n