How do I fire an event when click occurs outside a dialog

Question

I would like to know how to solve a problem I've got.

I have a Dialog which pops up in an activity. The Dialog doesn't cover the whole screen, so the buttons from the activity still show. I can easily close the dialog when there is a touch outside the dialog's bounds with dialog.setCanceledOnTouchOutside(true);

However what I want to do is fire an event if a click is outside the Dialog's bounds (e.g if someone touches a button on the main Activity, it should close the Dialog and fire that event at the same time).

The normal solution would be to make the dialog modal. Why do you not want to do that? — Philip Sheard, Mar 01 '12 at 12:33
Thanks. I'm trying to show a webview(in the dialog) within my main activity so it maintains the application's look. — fizo07, Mar 01 '12 at 15:32

score 85 · Answer 1 · answered Feb 25 '15 at 01:46

85

When dialog.setCanceledOnTouchOutside(true); then you just override onCancel() like this:

dialog.setOnCancelListener(
        new DialogInterface.OnCancelListener() {
            @Override
            public void onCancel(DialogInterface dialog) {
                //When you touch outside of dialog bounds, 
                //the dialog gets canceled and this method executes.
            }
        }
);

Type your code inside the onCancel() method so it runs when the dialog gets canceled.

answered Feb 25 '15 at 01:46

Will Neithan

1,190
9
12

best answer.. after 2 years also refer the same answer...not able to upvote again :) – Ranjithkumar May 03 '17 at 19:17
1

OVERRIDING Dialog.onCancel(...) works, but dialog.setOnCancelListener(...) didn't work for me. – StepanM Jul 06 '17 at 19:18
1

what do you mean by when? - `When dialog.setCanceledOnTouchOutside(true);` it's default behavior... – user25 May 01 '18 at 21:20
This should be the accepted answer!! What a great answer. – coolcool1994 Jun 13 '20 at 07:12

Samir Mangroliya · Accepted Answer · 2016-06-01T10:27:43.157

45

It Works For me,,

        Window window = dialog.getWindow();
        window.setFlags(WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL,
                WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL);
        window.clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);

        dialog.show();

See this http://developer.android.com/reference/android/view/WindowManager.LayoutParams.html#FLAG_NOT_TOUCH_MODAL

edited Jun 01 '16 at 10:27

answered Mar 01 '12 at 12:38

Samir Mangroliya

39,918
16
117
134

This kinda works. Only that I can scroll listview but not click it. – Oct 02 '19 at 20:21

CoolMind · Answer 3 · 2020-01-31T13:59:57.903

4

In DialogFragment you can use AlertDialog and the answer of @silverTech:

override fun onDismiss(dialog: DialogInterface) {
    yourMethod()
    super.onDismiss(dialog)
}

or

override fun onCancel(dialog: DialogInterface) {
    yourMethod()
    super.onCancel(dialog)
}

edited Jan 31 '20 at 13:59

answered Nov 13 '19 at 09:26

CoolMind

26,736
15
188
224

1

Why do you recommend inserting logic before super.onDismiss()? And then why is logic after super.onCancel()? – AJW Jan 30 '20 at 18:34
1

@AJW, I opened `DialogFragment`. `onCancel` is empty, while `onDismiss` contains some logic about dismissing (closing) the dialog. I advise to write your logic first and then destroying methods (`super.onPause()`, `onDestroy`, `onSaveInstanceState` and so on). It would be better to finalize your variables before the system destroys objects. So, maybe better remove `super.onCancel(dialog)`. I rewrote `onCancel` after your comment, thanks. – CoolMind Jan 31 '20 at 14:00

score 2 · Answer 4 · edited Apr 09 '19 at 14:46

2

You can use an OnCancelListener to fire an event when a click occurs outside a dialog:

dialog.setOnCancelListener(new DialogInterface.OnCancelListener() {
    @Override
    public void onCancel(DialogInterface dialog) {
        yourFunction();
    }
});

edited Apr 09 '19 at 14:46

Abandoned Cart

4,512
1
34
41

answered Sep 06 '18 at 23:19

Mehmed Çavaş

21
1

How does it differ from @WillNeithan answer (https://stackoverflow.com/a/28709752/2914140)? – CoolMind Nov 13 '19 at 09:07

score 1 · Answer 5 · answered May 06 '19 at 15:41

1

If you are within custom dialog class, and wish to catch 'click outside' event - override cancel(). If you wish to catch 'dialog closed' event - override dismiss(). I recommend inserting logic BEFORE super.dismiss(). Kotlin example:

override fun dismiss() {
    Utils.hideKeyboard(mContext, window)
    super.dismiss()
}

answered May 06 '19 at 15:41

SilverTech

399
4
11

Not a very good answer. Meaning, it is not generic. I have to write new behaviour, rather than noticing old behaviour. In the case where I am making a general dialog utility, There is no way I can know what is behind the dialog. – Oct 02 '19 at 20:25
@JaveneCPPMcGowan you can use callbacks from the Custom Dialogs to the views. – SilverTech Oct 15 '19 at 08:13
As I said, that is NEW BEHAVIOUR. – Oct 15 '19 at 20:01
@SilverTech Why do you recommend inserting logic before super.dismiss()? – AJW Jan 30 '20 at 18:33
the other way around created a situation where only SOMETIMES the hideKeyboard func worked as expected. – SilverTech Feb 02 '20 at 08:27

score 1 · Answer 6 · answered Dec 18 '19 at 12:55

Its available at com.google.android.material.bottomsheet.BottomSheetDialog

> // We treat the CoordinatorLayout as outside the dialog though it is technically inside
>     coordinator
>         .findViewById(R.id.touch_outside)
>         .setOnClickListener(
>             new View.OnClickListener() {
>               @Override
>               public void onClick(View view) {
>                 if (cancelable && isShowing() && shouldWindowCloseOnTouchOutside()) {
>                   cancel();
>                 }
>               }
>             });

so you can override the ClickListener at your BottomSheetDialog

class MyBottomDialogFragment : BottomSheetDialogFragment(){
 override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        val dialog = object : BottomSheetDialog(activity as Context, theme) {
            private var isDialogCancelable: Boolean = false
            private var isDialogCancelableOnTouchOutside: Boolean = false

            override fun onBackPressed() {
                handleBackPressed(this)
            }

            override fun setContentView(layoutResId: Int) {
                super.setContentView(layoutResId)
                setupTouchOutside()
            }

            override fun setContentView(view: View?) {
                super.setContentView(view)
                setupTouchOutside()
            }

            override fun setContentView(view: View?, params: ViewGroup.LayoutParams?) {
                super.setContentView(view, params)
                setupTouchOutside()
            }

            private fun setupTouchOutside() {
                val coordinator = findViewById<View>(com.google.android.material.R.id.coordinator) as CoordinatorLayout
                // We treat the CoordinatorLayout as outside the dialog though it is technically inside
                coordinator
                    .findViewById<View>(com.google.android.material.R.id.touch_outside)
                    .setOnClickListener {
                        if (isDialogCancelable && isShowing && isDialogCancelableOnTouchOutside) {
                            handleTouchOutside(this)
                        }
                    }
            }


            override fun setCancelable(cancelable: Boolean) {
                super.setCancelable(cancelable)
                isDialogCancelable = cancelable
            }

            override fun setCanceledOnTouchOutside(cancel: Boolean) {
                super.setCanceledOnTouchOutside(cancel)
                isDialogCancelableOnTouchOutside = cancel
            }
        }
        dialog.window?.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE)
        dialog.setCanceledOnTouchOutside(true)
        return dialog
    }

  protected open fun handleBackPressed(dialog: BottomSheetDialog) {
        /* do what you want but after that call dialog.cancel() or dialog.dismiss() */
    }

    protected open fun handleTouchOutside(dialog: BottomSheetDialog) {
        /* do what you want but after that call dialog.cancel() or dialog.dismiss() */        
    }
}

score 0 · Answer 7 · answered Dec 04 '19 at 23:00

Returning to previous screen with back button command.

Use the override method onCancel in your class that extends DialogFragment . . .

@Override
    public void onCancel(@NonNull DialogInterface dialog)
    {
        super.onCancel(dialog);
        getParentFragment().getActivity().onBackPressed();
    }

score 0 · Answer 8 · answered May 21 '21 at 07:35

I found all the other answers quite lengthy and complicated, so I used this approach:

Step 1: Create an ID for the outside container of your element for which you want to generate a click outside event.

In my case, it is a Linear Layout for which I've given id as 'outsideContainer'

Step 2: Set an onTouchListener for that outside container which will simply act as a click outside event for your inner elements!

outsideContainer.setOnTouchListener(new View.OnTouchListener() {
                                            @Override
                                            public boolean onTouch(View v, MotionEvent event) {
                                                // perform your intended action for click outside here
                                                Toast.makeText(YourActivity.this, "Clicked outside!", Toast.LENGTH_SHORT).show();
                                                return false;
                                            }
                                        }
    );

score 0 · Answer 9 · answered Jun 11 '23 at 06:22

@WillNeithan answer in Kotlin:

val alertDialog = AlertDialog.Builder(this).create()
// ... complete setting up alertDialog
    
alertDialog.setOnCancelListener(
    DialogInterface.OnCancelListener {
        println("User Tapped Outside to Dismiss alertDialog")                 
    }
)

How do I fire an event when click occurs outside a dialog

9 Answers9

Linked