<?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: Basic example - overlay stuck after load</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/basic-example-overlay-stuck-after-load</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/basic-example-overlay-stuck-after-load/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>m_abdelfattah on Basic example - overlay stuck after load</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/basic-example-overlay-stuck-after-load#p17083</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/basic-example-overlay-stuck-after-load#p17083</guid>
        	        	<description><![CDATA[<blockquote>
<p>m_abdelfattah said:I&#39;ve the same problem !</p>
</blockquote>
<hr />
<p>I&#39;m so sorry, it was a problem of CSS, I forgot to import jqGrid CSS, now everything works fine.</p>
]]></description>
        	        	<pubDate>Tue, 11 May 2010 21:13:40 +0300</pubDate>
        </item>
        <item>
        	<title>m_abdelfattah on Basic example - overlay stuck after load</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/basic-example-overlay-stuck-after-load#p17081</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/basic-example-overlay-stuck-after-load#p17081</guid>
        	        	<description><![CDATA[<p>I&#39;ve the same problem !</p>
]]></description>
        	        	<pubDate>Tue, 11 May 2010 19:40:01 +0300</pubDate>
        </item>
        <item>
        	<title>xgote on Basic example - overlay stuck after load</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/basic-example-overlay-stuck-after-load#p14713</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/basic-example-overlay-stuck-after-load#p14713</guid>
        	        	<description><![CDATA[<p>I&#39;m guessing this is a styling issue.&#160; The next thing I will probably try when I get home later is run this example by slowly taking out styles that aren&#39;t essential along with JS until something hits.&#160; Firebug is just overloaded with crap when I inspect the elements of the grid and nothing I do to the padding or margins seem to do anything.. will update more after I&#39;ve tried to debug more.</p>
]]></description>
        	        	<pubDate>Wed, 10 Feb 2010 23:41:20 +0200</pubDate>
        </item>
        <item>
        	<title>xgote on Basic example - overlay stuck after load</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/basic-example-overlay-stuck-after-load#p14645</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/basic-example-overlay-stuck-after-load#p14645</guid>
        	        	<description><![CDATA[<p>Hello.&#160; I recently downloaded jqGrid and trying to get the basic example to work with an existing jQuery UI implimentation (custom theme rolled css).</p>
<pre>        
        jQuery(document).ready(function() {
            console.log(&#39;loaded...&#39;);
            jQuery("#list4").jqGrid({ 
                    id: &#39;poohandle&#39;,
                    url: &#39;inventory.php&#39;, 
                    datatype: "json", 
                    colNames:[&#39;Inv No&#39;,&#39;Date&#39;, &#39;Client&#39;, &#39;Amount&#39;,&#39;Tax&#39;,&#39;Total&#39;,&#39;Notes&#39;], 
                    colModel:[  {name:&#39;id&#39;,index:&#39;id&#39;, width:55}, 
                                {name:&#39;invdate&#39;,index:&#39;invdate&#39;, width:90}, 
                                {name:&#39;name&#39;,index:&#39;name asc, invdate&#39;, width:100}, 
                                {name:&#39;amount&#39;,index:&#39;amount&#39;, width:80, align:"right"}, 
                                {name:&#39;tax&#39;,index:&#39;tax&#39;, width:80, align:"right"}, 
                                {name:&#39;total&#39;,index:&#39;total&#39;, width:80,align:"right"}, 
                                {name:&#39;note&#39;,index:&#39;note&#39;, width:150, sortable:false} ], 
                    rowNum:10, 
                    rowList:[10,20,30], 
                    pager: &#39;#pager4&#39;, 
                    sortname: &#39;id&#39;, 
                    viewrecords: true, 
                    sortorder: "desc"                     <br />                    //caption: "JSON Example" 
            }); 
        });
<br /></pre>
<p>My php file just ouputs static JSON (for testing).  It appears that it&#39;s loading fine, aside from the styling looking like a yard sale, however it appears that a div (modal?) is all over the place and not allowing anything to be clicked.</p>
</p>
<p><a href="http://i49.tinypic.com/dy0ggp.jpg"><img src="http://i49.tinypic.com/dy0ggp.jpg" width="100"  class="sfimageleft spUserImage" alt="" /><img src="http://www.trirand.com/blog/wp-content/sp-resources/forum-themes/default/images/sp_Mouse.png" class="sfimageleft sfmouseleft" alt="Image Enlarger" /></a></p>
</p>
<p>When I load firebug to inspect the element, it tells me that this element is hoggingall my space:</p>
</p>
<p>&#60;div id="lui_list4" class="ui-widget-overlay jqgrid-overlay"&#62;&#60;/div&#62;</p>
</p>
<p>Have I loaded something incorrectly?&#160; Seems like this could be common when mixing jquery-ui with the grid?&#160; So far, removing the classes from that div makes it go away but that&#39;s not very clean, obviously.&#160; All of my other jQuery-ui compontents&#160; look fine throughout my site so not sure what&#39;s up with this.</p>
]]></description>
        	        	<pubDate>Tue, 09 Feb 2010 11:06:08 +0200</pubDate>
        </item>
</channel>
</rss>