<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: checkOnUpdate dialog position</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/checkonupdate-dialog-position</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/help/checkonupdate-dialog-position/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>nickelj on checkOnUpdate dialog position</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/checkonupdate-dialog-position#p20879</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/checkonupdate-dialog-position#p20879</guid>
        	        	<description><![CDATA[<p>Hiya,</p>
<p>I am using the checkOnUpdate:true option and I would like to change the position where the dialog appears.&#160; It seems to always appear at the bottom near the save/cancel buttons.</p>
</p>
<p>I would like to be able to center it in the middle of the form.</p>
</p>
<p>At about line 940 of grid.formedit.js I found this:</p>
<p>&#160;&#160;&#160;&#160; if(rp_ge.checkOnSubmit &#124;&#124; rp_ge.checkOnUpdate) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; bS&#160; ="&#60;a href=&#39;javascript:void(0)&#39; id=&#39;sNew&#39; class=&#39;fm-button ui-state-default ui-corner-all&#39; style=&#39;z-index:1002&#39;&#62;"+p.bYes+"&#60;/a&#62;";<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; bN&#160; ="&#60;a href=&#39;javascript:void(0)&#39; id=&#39;nNew&#39; class=&#39;fm-button ui-state-default ui-corner-all&#39; style=&#39;z-index:1002&#39;&#62;"+p.bNo+"&#60;/a&#62;";<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; bC&#160; ="&#60;a href=&#39;javascript:void(0)&#39; id=&#39;cNew&#39; class=&#39;fm-button ui-state-default ui-corner-all&#39; style=&#39;z-index:1002&#39;&#62;"+p.bExit+"&#60;/a&#62;";<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var ii, zI = p.zIndex&#160; &#124;&#124; 999; zI ++;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; if ($.browser.msie &#38;&#38; $.browser.version ==6) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ii = &#39;&#60;iframe style="display:block;position:absolute;z-index:-1;filter:Alpha(Opacity=\&#39;0\&#39;);" src="javascript:false;"&#62;&#60;/iframe&#62;&#39;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; } else { ii="";}<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $("&#60;div class=&#39;ui-widget-overlay jqgrid-overlay confirm&#39; style=&#39;z-index:"+zI+";display:none;&#39;&#62;&#38;#160;"+ii+"<br />&#60;/div&#62;&#60;div class=&#39;confirm ui-widget-content ui-jqconfirm&#39; style=&#39;<span style="color: #ff0000;">position:relative; top:-200px; left:50px;</span> z-index:"+(zI+1)+"&#39;&#62;"+p.saveData+"&#60;br/&#62;<br />&#60;br/&#62;"+bS+bN+bC+"&#60;/div&#62;").insertAfter("#"+frmgr);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $("#sNew","#"+IDs.themodal).click(function(){</p>
</p>
<p>I added the text in red and it works...however, that is hard coded and I am not sure what variables etc I should use to figure out the height/width of the current form.</p>
<p>Can someone help me?</p>
</p>
<p>Thanks,</p>
<p>Jim</p>
]]></description>
        	        	<pubDate>Thu, 18 Nov 2010 03:33:19 +0200</pubDate>
        </item>
</channel>
</rss>