{"id":25023,"date":"2007-09-21T10:00:00","date_gmt":"2007-09-21T10:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/oldnewthing\/2007\/09\/21\/whats-the-bs_pushlike-button-style-for\/"},"modified":"2007-09-21T10:00:00","modified_gmt":"2007-09-21T10:00:00","slug":"whats-the-bs_pushlike-button-style-for","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/oldnewthing\/20070921-00\/?p=25023","title":{"rendered":"What's the BS_PUSHLIKE button style for?"},"content":{"rendered":"

\nOne of the lesser-known button styles is BS_PUSHLIKE<\/code>.\n<\/p>\n

\nMakes a button (such as a check box, three-state check box, or radio button)\nlook and act like a push button.\nThe button looks raised when it isn’t pushed or checked,\nand sunken when it is pushed or checked.\n<\/p><\/blockquote>\n

\nIn other words, you add this style to a check box or radio button\nto make it look like<\/i> a push button even though it will continue\nto act like<\/i> a check box or radio button.\n<\/p>\n\n\n\n\n
<\/td>\nCheck box<\/th>\nCheck box
push-like<\/th>\n		Radio button<\/th>\nRadio button
push-like<\/th>\n<\/tr>\n
Unselected<\/th>\nLabel<\/td>\nLabel<\/span><\/td>\nLabel<\/td>\nLabel<\/span><\/td>\n<\/tr>\n
Selected<\/th>\nLabel<\/td>\nLabel<\/span><\/td>\nLabel<\/td>\nLabel<\/span><\/td>\n<\/tr>\n<\/table>\n

\nAside from the appearance, the other checkbox and\nradio button behaviors are preserved.\nEach time you click an automatic check box, it toggles\nbetween unselected and selected; it’s just that instead\nof hiding and showing the check-mark, it pops the button out\nand pushes the button in.\nSimilarly, the automatic radio button becomes selected when\nyou click on it and becomes deselected when you select another\nradio button in the group.\nAll that changed is the visuals.\n<\/p>\n

\nLet’s illustrate this with a quick sample program.\nFirst, we’ll use traditional check boxes and radio buttons.\n<\/p>\n

\n1 DIALOG 64, 64, 100, 70\nSTYLE WS_CAPTION | WS_SYSMENU\nCAPTION \"Demo\"\nFONT 8, \"MS Shell Dlg\"\nBEGIN\n    AUTORADIOBUTTON \"Search &forward\", 100, 4, 9,\n              75, 14, WS_GROUP | WS_TABSTOP\n    AUTORADIOBUTTON \"Search &backward\", 101, 4, 27,\n              75, 14\n    AUTOCHECKBOX \"&Ignore case\", 102, 4, 45,\n              75, 14, WS_TABSTOP\nEND\nINT_PTR CALLBACK DlgProc(\n    HWND hdlg, UINT uMsg, WPARAM wParam, LPARAM lParam)\n{\n switch (uMsg) {\n  case WM_INITDIALOG: return TRUE;\n  case WM_CLOSE: EndDialog(hdlg, 1); break;\n }\n return FALSE;\n}\nint WINAPI WinMain(HINSTANCE hinst, HINSTANCE hinstPrev,\n                   LPSTR lpCmdLine, int nShowCmd)\n{\n  DialogBox(hinst, MAKEINTRESOURCE(1), 0, DlgProc);\n  return 0;\n}\n<\/pre>\n
\nWhen you run this program, you get two radio buttons and\na check box, and there’s nothing special about them at all.\nBut add the BS_PUSHLIKE<\/code> style…\n<\/p>\n
\n1 DIALOG 64, 64, 100, 70\nSTYLE WS_CAPTION | WS_SYSMENU\nCAPTION \"Demo\"\nFONT 8, \"MS Shell Dlg\"\nBEGIN\n    AUTORADIOBUTTON \"Search &forward\", 100, 4, 9,\n              75, 14, WS_GROUP | WS_TABSTOP | BS_PUSHLIKE<\/font>\n    AUTORADIOBUTTON \"Search &backward\", 101, 4, 27,\n              75, 14, BS_PUSHLIKE<\/font>\n    AUTOCHECKBOX \"&Ignore case\", 102, 4, 45,\n              75, 14, WS_TABSTOP | BS_PUSHLIKE<\/font>\nEND\n<\/pre>\n
\nand now the radio buttons and check box look like push buttons.\nBut if you click on them, they still behave like two radio buttons\nand a check box.\nif you select “Search forward”, then “Search backward” automatically\nde-selects itself, and vice versa.\nEach time you click on “Ignore case”, it toggles between pushed-in\nand popped-out.\n<\/p>\n
\nThe visuals are kind of confusing, however, if you have\n\nenabled Windows XP visual styles<\/a>,\nfor when you hover over a button, the theme engine will draw\nthe button in its “hover” appearance, which causes it to pop out\neven though the button really is pushed in.\nYou have to move the mouse away from the button to see that it\nreally is pushed in.\nPersonally, I consider this a bug.\nThe situation in Windows Vista is only slightly better;\nit’s still pretty bad.\n<\/p>\n
\nPush-like buttons are not used much since they duplicate the\nsemantics of radio buttons and check boxes while presenting\na deceptive visual appearance.\nSince they look like push buttons, users naturally expect them\nto behave like push buttons, and then when they don’t,\nthings get confusing.\nThe only case I can think of off the top of my head where\npush-like buttons actually match with user expectations is\nin toolbars, where\nthere is a long-standing convention of using push-like buttons\nin toolbars instead of radio buttons and check boxes.\n(Fortunately, toolbars manage their own buttons and don’t\nsuffer from the confusing hover-appearance behavior I discussed above.)<\/p>\n","protected":false},"excerpt":{"rendered":"
One of the lesser-known button styles is BS_PUSHLIKE. Makes a button (such as a check box, three-state check box, or radio button) look and act like a push button. The button looks raised when it isn’t pushed or checked, and sunken when it is pushed or checked. In other words, you add this style to […]<\/p>\n","protected":false},"author":1069,"featured_media":111744,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[25],"class_list":["post-25023","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oldnewthing","tag-code"],"acf":[],"blog_post_summary":"
One of the lesser-known button styles is BS_PUSHLIKE. Makes a button (such as a check box, three-state check box, or radio button) look and act like a push button. The button looks raised when it isn’t pushed or checked, and sunken when it is pushed or checked. In other words, you add this style to […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/25023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/users\/1069"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/comments?post=25023"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/25023\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media\/111744"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media?parent=25023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/categories?post=25023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/tags?post=25023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}