{"id":111,"date":"2010-04-22T15:00:08","date_gmt":"2010-04-22T09:30:08","guid":{"rendered":"http:\/\/techtwaddle.net\/?p=111"},"modified":"2011-01-26T15:00:30","modified_gmt":"2011-01-26T09:30:30","slug":"applications-how-to-create-a-custom-dialog-box-for-windows-mobile-6-native","status":"publish","type":"post","link":"https:\/\/techtwaddle.co.in\/blog\/2010\/04\/22\/applications-how-to-create-a-custom-dialog-box-for-windows-mobile-6-native\/","title":{"rendered":"Applications: How to create a custom dialog box for Windows Mobile 6 (native)"},"content":{"rendered":"

Ashraf, on the MSDN forum<\/a>, asks,<\/p>\n

“Is there a way to make a default choice for the messagebox that happens after a period of time if the user doesn’t choose (Clicked ) Yes or No buttons.<\/em>”<\/p>\n

To elaborate, the requirement is to show a message box to the user with certain options to select, and if the user does not respond within a predefined time limit (say 8 seconds) then the message box must dismiss itself and select a default option. Now such a functionality is not available with the MessageBox()<\/a> api, you will have to write your own custom dialog box.<\/p>\n

Surely, creating a dialog box is quite a simple task using the DialogBox()<\/a> api, and we have been creating full screen dialog boxes<\/a> all the while. So how will this custom message box be any different? It’s not much different from a regular dialog box except for a few changes in its properties. First, it has a title bar but no buttons on the title bar (no ‘x’ or ‘ok’ button on the title bar), it doesn’t occupy full screen and it contains the controls that you put into it, thus justifying the title ‘custom’.<\/p>\n

So in this post we create a custom dialog box with two buttons, ‘Black’ and ‘White’. The user is given 8 seconds to select one of those colours, if the user doesn’t make a selection in 8 seconds, the default option ‘Black’ is selected. Before going into the implementation here is a video of how the dialog box works;<\/p>\n

\n
\n
\"\"<\/a><\/div>\n<\/div>\n
Custom dialog box<\/div>\n<\/div>\n

\nTo start off, add a new dialog resource into your application, size it appropriately and add whatever controls you need to the dialog. In my case, I added two static text labels and two buttons, as below;<\/p>\n

\"CustomDialog_rsrc\"<\/p>\n

Now we need to write up the window procedure for this dialog, here is the complete function;<\/p>\n

BOOL CALLBACK CustomDialogProc(HWND hDlg, UINT uMessage, WPARAM wParam, LPARAM lParam)
\n{
\n    int wmID, wmEvent;
\n    PAINTSTRUCT ps;
\n    HDC hdc; <\/font><\/p>\n

    static int timeCount = 0; <\/font><\/p>\n

    switch(uMessage)
\n    {
\n        case WM_INITDIALOG:
\n            {
\n                SHINITDLGINFO shidi; <\/font><\/p>\n

                memset(&shidi, 0, sizeof(shidi)); <\/font><\/p>\n

                shidi.dwMask = SHIDIM_FLAGS;
\n                \/\/shidi.dwFlags = SHIDIF_DONEBUTTON | SHIDIF_SIPDOWN | SHIDIF_SIZEDLGFULLSCREEN | SHIDIF_EMPTYMENU; <\/span>
\n                shidi.dwFlags = SHIDIF_SIPDOWN | SHIDIF_EMPTYMENU;
\n                shidi.hDlg = hDlg;
\n                SHInitDialog(&shidi); <\/font><\/p>\n

                SHDoneButton(hDlg, SHDB_HIDE); <\/font><\/p>\n

                timeCount = 0; <\/font><\/p>\n

                SetWindowText(GetDlgItem(hDlg, IDC_STATIC_TIME_REMAINING), L"Time remaining: 8 second(s)");
\n                SetTimer(hDlg, MY_TIMER, 1000, NULL); <\/font><\/p>\n

            }
\n            return TRUE; <\/font><\/p>\n

        case WM_COMMAND:
\n            {
\n                wmID = LOWORD(wParam);
\n                wmEvent = HIWORD(wParam); <\/font><\/p>\n

                switch(wmID)
\n                {
\n                    case IDC_BUTTON_BLACK:
\n<\/font><\/p>\n

                        KillTimer(hDlg, MY_TIMER);
\n                        EndDialog(hDlg, IDC_BUTTON_BLACK);
\n                        break;
\n                    case IDC_BUTTON_WHITE:
\n                        KillTimer(hDlg, MY_TIMER);
\n                        EndDialog(hDlg, IDC_BUTTON_WHITE);
\n                        break;
\n                }
\n            }
\n            break; <\/font><\/p>\n

        case WM_TIMER:
\n            {
\n                if (wParam == MY_TIMER)
\n                {
\n                    WCHAR wszText[128];
\n                    memset(&wszText, 0, sizeof(wszText)); <\/font><\/p>\n

                    timeCount++; <\/font><\/p>\n

                    \/\/8 seconds are over, dismiss the dialog, select def value <\/span>
\n                    if (timeCount >= 8)
\n                    {
\n                        KillTimer(hDlg, MY_TIMER);
\n                        EndDialog(hDlg, IDC_BUTTON_BLACK_DEF);
\n                    } <\/font><\/p>\n

                    wsprintf(wszText, L"Time remaining: %d second(s)", 8-timeCount); <\/font><\/p>\n

                    SetWindowText(GetDlgItem(hDlg, IDC_STATIC_TIME_REMAINING), wszText);
\n                    UpdateWindow(GetDlgItem(hDlg, IDC_STATIC_TIME_REMAINING));
\n                } <\/font><\/p>\n

            }
\n            break;
\n        case WM_PAINT:
\n            {
\n                hdc = BeginPaint(hDlg, &ps); <\/font><\/p>\n

                EndPaint(hDlg, &ps);
\n            }
\n            break; <\/font><\/p>\n

    } <\/font><\/p>\n

    return FALSE;
\n}<\/font><\/p>\n

The MSDN documentation<\/a> mentions that you need to specify the flag WS_NONAVDONEBUTTON<\/a>, but I got an error saying that the value could not be found, so we can ignore this for now. Next up, while calling SHInitDialog()<\/a> for your custom dialog, make sure that you don’t specify SHDIF_DONEBUTTON in the dwFlags member of the SHINITDIALOG<\/a> structure, this flag makes the ‘ok’ button appear on the dialog title bar. Finally, we need to call SHDoneButton()<\/a> with SHDB_HIDE flag to, well, hide the Done button. The ‘Done’ button is the same as the ‘ok’ button, so this step might seem redundant, and the dialog works fine without calling SHDoneButton() too, but it’s better to stick with the documentation (; So you can see that we have followed all these steps above, under WM_INITDIALOG<\/a>. We also setup a few things like a variable to keep track of the time, and setting off a one second timer.<\/p>\n

Every time the timer fires, we receive a WM_TIMER<\/a> message. We then update the static label displaying the amount of time left to the user. If 8 seconds go by without the user selecting any option, we kill the timer and end the dialog with IDC_BUTTON_BLACK_DEF. This is just a #define’d integer value, make sure it’s unique. You’ll see why this is important. If the user makes a selection, either Black or White, we kill the timer and end the dialog with the corresponding selection the user made, that is, either IDC_BUTTON_BLACK or IDC_BUTTON_WHITE.<\/p>\n

Ok, so now our custom dialog is ready to be used. I invoke the custom dialog from a menu entry in the main window as below,<\/p>\n

case IDM_MENU_CUSTOMDLG:
\n    {
\n        int ret = DialogBox(g_hInst, MAKEINTRESOURCE(IDD_CUSTOM_DIALOG), hWnd, CustomDialogProc); <\/font><\/p>\n

        switch(ret)
\n        {
\n            case IDC_BUTTON_BLACK_DEF:
\n                SetWindowText(g_hStaticSelection, L"You Selected: Black (default)");
\n                break;
\n            case IDC_BUTTON_BLACK:
\n                SetWindowText(g_hStaticSelection, L"You Selected: Black");
\n                break; <\/font><\/p>\n

            case IDC_BUTTON_WHITE:
\n                SetWindowText(g_hStaticSelection, L"You Selected: White");
\n                break;
\n        } <\/font><\/p>\n

        UpdateWindow(g_hStaticSelection);
\n    }
\n    break; <\/font><\/p>\n

So you see why ending the dialog with the corresponding value was important, that’s what the DialogBox()<\/a> api returns with. And in the main window I update a static text label to show which option was selected.<\/p>\n

I cranked this out in about an hour, and unfortunately don’t have time for a managed C# version. That will have to be another post, if I manage to get it working that is (;<\/p>\n","protected":false},"excerpt":{"rendered":"

Ashraf, on the MSDN forum, asks, “Is there a way to make a default choice for the messagebox that happens after a period of time if the user doesn’t choose (Clicked ) Yes or No buttons.” To elaborate, the requirement is to show a message box to the user with certain options to select, and … Continue reading Applications: How to create a custom dialog box for Windows Mobile 6 (native)<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[1],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1ktFF-1N","_links":{"self":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/111"}],"collection":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/comments?post=111"}],"version-history":[{"count":1,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/111\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/111\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/media?parent=111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/categories?post=111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/tags?post=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}