triley on Alert box not centered in IE

Mon, 22 Aug 2011 22:12:26 +0300

I'm fairly new to jqGrid but am starting to get the hang of things. In an application I am working on I have a jqrid displayed in a small pop-up window (approx 600 pixels wide). I noticed in IE (of course) that if you select the edit or delete icons but have not selected a row yet the alert dialog box appears positioned mostly off the screen to the right. In Firefox it seems to work fine. After doing some unscuccesful searching around on the net I decided to look at the source code (I'm using jqGrid 4.1.2). It appears the width calculations are just falling through for IE to the default values of width=1024 and height=768. So I was able to correct this as follows:

Search for "vwidth=1024" in jquery.jqGrid.src.js and change these two lines:

vwidth=1024;
vheight=768;

To this:

        if (document.body && document.body.offsetWidth) {
            vwidth = document.body.offsetWidth;
            vheight = document.body.offsetHeight;
        }
        else if (document.compatMode=='CSS1Compat'
                && document.documentElement &&
                document.documentElement.offsetWidth) {
            vwidth = document.documentElement.offsetWidth;
            vheight = document.documentElement.offsetHeight;
        }
        else if (window.innerWidth && window.innerHeight) {
            vwidth = window.innerWidth;
            vheight = window.innerHeight;
        }
        else {
            vwidth=1024;
            vheight=768;
        }

To fix in the minified file do the following (if you want to edit it directly):

Search for "s=1024" and replace the following:

s=1024;t=768;

With this:

if(document.body&&document.body.offsetWidth){s=document.body.offsetWidth;t = document.body.offsetHeight;}else if(document.compatMode=='CSS1Compat'&&document.documentElement&&document.documentElement.offsetWidth){s=document.documentElement.offsetWidth;t=document.documentElement.offsetHeight;}else if(window.innerWidth&&window.innerHeight){s=window.innerWidth;t=window.innerHeight;}else{s=1024;t=768;}

Hopefully this (or something similar) will be incorporated in future releases of the jqGrid.

jQuery Grid Plugin - jqGrid - Topic: Alert box not centered in IE

triley on Alert box not centered in IE