Detect if modal dialog box

Question

Is there a way to detect using sp.js or jquery to detect if the current context is in a modal dialog box?

Im not sure I explained that right, so here is a situation:

We have a branded system master page due to some front facing blogs and list views so one of our requirements is to have it look exactly like the branded custom masterpage. Now, due to the styling applied to the system masterpage, the modal dialog boxes for actions like creating a new page are messed up.

Looking at the source, it looks like an iframe is used inside the modal dialog box, so its opening up a new window. My intention is to have a jquery function detect if the current page is a modal dialog box, and if it is, register a new css to override the styles to make the dialog box look normal. Is this possible?

score 15 · Accepted Answer · answered May 09 '12 at 17:53

15

Try this:

if (window.location.search.match("[?&]IsDlg=1"))

answered May 09 '12 at 17:53

Steve Lineberry

7,960
22
24

1

+1 I think that's exactly what the OP needs - a way to identify when SharePoint tweaks the page style, iframe or not. – Christophe May 09 '12 at 23:25
1

This worked perfectly. – May 10 '12 at 21:41

score 4 · Answer 2 · answered May 09 '12 at 19:58

4

When in Dialog mode the window.frameElement is NEVER null. use this as example on how to close it remotely

var parentObject = window.frameElement;
    if (parentObject != null) {
        var waitDialog = parentObject.waitDialog;
        if (waitDialog != null) {
            waitDialog.close();
        }
    }

answered May 09 '12 at 19:58

Marius Constantinescu

12,771
16
28

2

Unfortunately this is not supported by all browsers. – Christophe May 09 '12 at 23:08
to my knowledge it is supported by modern browsers, such as IE/FF/Mozzila/Safari, have a look here http://help.dottoro.com/ljsokerh.php – Marius Constantinescu May 10 '12 at 14:08
I couldn't find a good reference. All recent versions of IE should be fine. Not so sure about Chrome and Safari. – Christophe May 10 '12 at 15:17
IE8 is the current supported browser. – May 10 '12 at 20:58

score 3 · Answer 3 · edited May 21 '18 at 07:10

3

You could simply use javascript to identify if the page is loaded in an iframe: http://www.24hourapps.com/2009/01/check-if-page-is-loaded-in-iframe-using.html

var isInIFrame = (window.location != window.parent.location) ? true : false;

SharePoint dialog boxes are simply iframes.

edited May 21 '18 at 07:10

Ari Gunawan

23
6

answered May 09 '12 at 17:52

John Chapman

11,941
6
36
62

score 3 · Answer 4 · answered May 09 '12 at 23:37

I have added my comments to the above answers. Here are a couple additional - untested - suggestions:

To build on Steve's suggestion, reload the url without IsDlg (simple, just not ideal from a performance viewpoint):

window.location.href=window.location.href.replace(/[?&]IsDlg=1/,"");
SharePoint uses the class s4-notdlg to identify what should be hidden in a modal dialog. Use css or jQuery to overwrite or remove this class.

score 0 · Answer 5 · answered Oct 22 '19 at 18:38

0

Here's what I use:

var currUrl = document.location.toString().toUpperCase();
var isDlg = GetUrlKeyValue('ISDLG', false, currUrl, true);
if(isDlg == 1){
    //form is in a dialog
}else{
    //not in a dialog
};

answered Oct 22 '19 at 18:38

Ice Cube

73
8

score 0 · Answer 6 · edited Dec 23 '21 at 15:38

0

// How to check if modal window is opened - 
SP.UI.ModalDialog.get_childDialog() ? console.log('modal') : console.log('no modal');

edited Dec 23 '21 at 15:38

Ganesh Sanap - MVP

44,918
21
30
61

answered Dec 23 '21 at 15:07

Grygoriy Ponomarenko

1

Detect if modal dialog box

6 Answers6