<?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: Controlling width/size of search field</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/controlling-widthsize-of-search-field</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/controlling-widthsize-of-search-field/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>Reg on Controlling width/size of search field</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/controlling-widthsize-of-search-field#p20503</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/controlling-widthsize-of-search-field#p20503</guid>
        	        	<description><![CDATA[<p>Figured this one out myself -- just had to stop thinking that jqGrid controlled everything. I added a sinlge line, like this,</p>
<p><input type='button' class='sfcodeselect' name='sfselectit9715' value='Select Code' data-codeid='sfcode9715' /></p>
<div class='sfcode' id='sfcode9715'>
<p>&#160;&#160;&#160;&#160; gridComplete: function() { <br />&#160;&#160;&#160;&#160;&#160; &#160;&#160; $(&#34;#sg_client&#34;).width(200); <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;$(&#34;#sg_client&#34;).autocomplete({</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; ...</p>
</div>
<p>Not so hard, really, once the idea occurs to you.</p>
<p>Reg</p>
]]></description>
        	        	<pubDate>Wed, 27 Oct 2010 06:53:08 +0300</pubDate>
        </item>
        <item>
        	<title>Reg on Controlling width/size of search field</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/controlling-widthsize-of-search-field#p20479</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/controlling-widthsize-of-search-field#p20479</guid>
        	        	<description><![CDATA[<p>My&#160;custom search includes a field requiring&#160;autocomplete, whcih I set up like this:</p>
<p><input type='button' class='sfcodeselect' name='sfselectit3099' value='Select Code' data-codeid='sfcode3099' /></p>
<div class='sfcode' id='sfcode3099'>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;client&#39;, index:&#39;client&#39;, width:250 },</div>
<p><input type='button' class='sfcodeselect' name='sfselectit7888' value='Select Code' data-codeid='sfcode7888' /></p>
<div class='sfcode' id='sfcode7888'>&#160;&#160;&#160;&#160; gridComplete: function() { <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#34;#sg_client&#34;).autocomplete({ <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; source: &#34;wc.dll?PSProcess~AutoCompleteCV~&#38;amp;t=&#38;amp;sk=32813NJUF01904&#38;amp;sh=55&#34; , <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; minLength: 3, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; select: function(event, ui) { <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#34;#sg_client&#34;).val(ui.item.label); <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; change: function(event,ui) { <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; if(!ui.item) { <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#34;#sg_client&#34;).val(&#39; &#39;); <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; } <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }) ; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;</div>
<p>And this works beautifully, except that I cannot change the width of the field in the search form. SearchOptions&#160;do not work for custom search forms&#160;so I cannot use that.</p>
<p>Any way to do this?</p>
<p>Thanks</p>
<p>Reg</p>
]]></description>
        	        	<pubDate>Tue, 26 Oct 2010 05:02:43 +0300</pubDate>
        </item>
</channel>
</rss>