title: Problem customizing jqgrid, navGrid button won't show , row fonts way too big in the grid
body: <p>I've manage to get jqGrid 3.8 working in my project(<code>Zend Framework</code>) using json.While basic fetching of data works i failed to see why i can't see the buttons showed on the navigation panel. here is what i've done on client side: </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
   $(function(){ 
   $("#roomgrid").jqGrid({ 
       url:'/admin/admin-room/view', 
       datatype: "json",
       autowidth: true, 
       colNames:['Room ID','Room Number','Room Type','Image', 'Price','Facilities'], 
       colModel:[ {name:'id',index:'id', width:55,editable:false,hidden:true,editoptions:{readonly:true,size:10}}, 
                  {name:'room_number',index:'room_number', width:55,editable:false,editoptions:{readonly:true,size:10}}, 
                  {name:'name',index:'name', width:80,editable:true,editoptions:{size:10}},  
                  {name:'pic_url',index:'pic_url', width:90,editable:true,editoptions:{size:25}}, 
                  {name:'price',index:'price', width:60, align:"right",editable:true,editoptions:{size:10}}, 
                  {name:'facilities',index:'facilities', width:60, editable:true,editoptions:{size:10}}], 
      rowNum:5, 
      rowList:[5,8,10,20,30], 
      pager: '#paged',
      sortname: 'id',
      sortorder: "desc",
      viewrecords: true,
      caption: 'Manage Rooms'});
   });
  $("#roomgrid").jqGrid('navGrid','#paged', {view: true,del:true}); 
  
  &lt;/script&gt;
  
  &lt;table id="roomgrid"&gt;&lt;/table&gt;
  &lt;div id="paged"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>on the server side i have this:</p>
  
  <pre><code>public function preDispatch(){
      $this-&gt;_helper-&gt;viewRenderer-&gt;setNoRender();
      $this-&gt;_helper-&gt;layout()-&gt;disableLayout();
  }
  public function viewAction() {
  
      $filters = array(
      'page'=&gt;array('HtmlEntities','StringTrim'),
      'rows'=&gt;array('HtmlEntities','StringTrim'),
      'sidx'=&gt;array('HtmlEntities','StringTrim'),
      'sord'=&gt;array('HtmlEntities','StringTrim'));
  
      $validators = array(
      'page'=&gt;array('NotEmpty','Int'),
      'rows'=&gt;array('NotEmpty','Int'),
      'sord'=&gt;array('NotEmpty'));
  
      $input = new Zend_Filter_Input($filters,$validators);
      $input-&gt;setData($this-&gt;getRequest()-&gt;getParams());
      if($this-&gt;getRequest()){
          if($input-&gt;isValid()){
  
              $this-&gt;response-&gt;page = $input-&gt;page;
  
              $input-&gt;rows);
              echo $this-&gt;getRooms('jqgrid', $input-&gt;page, $input-&gt;rows);
          }
      }
  
  
  
  }
  
  
  public function getRooms($switch, $page, $rows){
      $q = Doctrine_Query::create()-&gt;select("r.id,r.room_number,t.name,r.pic_url, r.price, r.facilities")
      -&gt;from("Hotel_Model_Room r")
      -&gt;leftJoin("r.RoomType t");
  
      $pager = new Doctrine_Pager($q,$page, $rows);
      $result = $pager-&gt;execute(array(), Doctrine_Core::HYDRATE_ARRAY);
      $totalpages = $pager-&gt;getLastPage();
      $totalrecord = Doctrine_Core::getTable("Hotel_Model_Room")-&gt;count();
  
      switch ($switch){
          case 'array':
              return $result;
              break;
          case 'jqgrid' :
              return $this-&gt;formatJqgridRoom($result, $page,$totalpages, $totalrecord);
              break;
      }
  }
  
  public function formatJqgridRoom($resultset, $page='1', $totalpages, $count){
  
      $rows= array();
  
      $response-&gt;page = $page;
      $response-&gt;total = $totalpages;
      $response-&gt;records = $count;
  
      foreach ($resultset as $key =&gt; $value){
          $response-&gt;rows[$key]['id'] = $value['id'] ;
          $response-&gt;rows[$key]['cell'] = array($value['id'],     $value['room_number'],$value['RoomType']['name'], $value['pic_url'], $value['price'],$value['facilities']) ;
      }
  
  
          return json_encode($response);
  
  }
  </code></pre>
  
  <p>I'm using jquery ui redmond theme, i made sure jqGrid is using it, when css include is commented out ,the grid is not blue anymore.I've also tried to reference the css itself using <code>imagepath</code> option and it didn't make any difference. there is the css folder structure</p>
  
  <pre><code>\css
    \redmond
      \images
      jquery-ui-1.8.5.custom.css
   ui.jqgrid.css
   layout.css
  </code></pre>
  
  <p>Another problem is that i can't find where row fonts css are picked from.they are a little too big here.I believe i downloaded it straight from jqueryui site so i'm little confuse now.There is obviously something i'm doing wrong and up to now i can't find it.So i'm a little confused about that.</p>
  
  <p>thanks for reading this.</p>