jQuery Grid Plugin - jqGrid - Topic: Add/Edit/Delete/Refresh buttons are not displaying at the bottom http://www.trirand.com/blog/?page_id=393/help/addeditdeleterefresh-buttons-are-not-displaying-at-the-bottom Simple:Press Version 5.7.5.3 zordon on Add/Edit/Delete/Refresh buttons are not displaying at the bottom http://www.trirand.com/blog/?page_id=393/help/addeditdeleterefresh-buttons-are-not-displaying-at-the-bottom#p18022 Help http://www.trirand.com/blog/?page_id=393/help/addeditdeleterefresh-buttons-are-not-displaying-at-the-bottom#p18022 I still cant get use of the nav buttons 🙁

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT.....t;&gt;

<html xmlns="http://www.w3.org/1999/xhtml&quot; xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jqGrid Demo</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<link rel="stylesheet" type="text/css" media="screen" href="css/ui-start/jquery-ui-1.8.2.custom.css" />

<script src="scripts/jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="scripts/i18n/grid.locale-sp.js" type="text/javascript"></script>

<script src="scripts/jquery.jqGrid.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){

$('#list').jqGrid({

url:'grid.php',

mtype: 'POST',

datatype: "json",

width: 800,

colNames:['ID','Name', 'Price', 'Promotion'],

colModel:[

{name:'product_id',index:'product_id', width:55,editable:false},

{name:'name',index:'name', width:100,editable:true, edittype:'text'},

{name:'price',index:'price', width:80, align:'right',formatter:'currency'},

{name:'on_promotion',index:'on_promotion', width:80, formatter:'checkbox'}

],

rowNum:10,

rowList:[10,20,30],

pager: $('#pager'),

sortname: 'product_id',

viewrecords: true,

sortorder: "asc",

imgpath: 'css/ui-smoothness/images'

});

$("#list").navGrid("#pager",{search:true})

});

</script>

</head>

<body>

<h2>My Grid Data</h2>

<table id="list" class="scroll" ></table>

<div id="pager" class="scroll" style="text-align:center;"></div>

<div id="pager2" class="scroll" style="text-align:center;"></div>

</body>

</html>

I appreciate any help 🙂

]]> Fri, 18 Jun 2010 08:50:08 +0300 phamtranquocviet on Add/Edit/Delete/Refresh buttons are not displaying at the bottom http://www.trirand.com/blog/?page_id=393/help/addeditdeleterefresh-buttons-are-not-displaying-at-the-bottom#p14602 Help http://www.trirand.com/blog/?page_id=393/help/addeditdeleterefresh-buttons-are-not-displaying-at-the-bottom#p14602 I finally figured it out. The image for those buttons are missing from my jQuery UI download. You will need to download it from traiand.com. It does not automatically come with jqGrid download.

For Add/Edit/Delete/Refresh/Search buttons, follow this link:

http://trirand.com/blog/jqgrid.....56x240.png

For the triangle (at the top right corner of the grid) that allows you to collapse the grid, follow this link:

http://trirand.com/blog/jqgrid.....56x240.png

After downloading, move them to theme/images folder so that ui.theme.css can access them.

Just want to post it in case somebody needs it.

Thanks.

]]> Sat, 06 Feb 2010 23:33:01 +0200 phamtranquocviet on Add/Edit/Delete/Refresh buttons are not displaying at the bottom http://www.trirand.com/blog/?page_id=393/help/addeditdeleterefresh-buttons-are-not-displaying-at-the-bottom#p14597 Help http://www.trirand.com/blog/?page_id=393/help/addeditdeleterefresh-buttons-are-not-displaying-at-the-bottom#p14597 Hi, Could you please give me a hint why Add/Edit/Delete/Refresh buttons are not displaying at the bottom?Thanks.

Here is how I include css:

    <head>
        <link rel='stylesheet' type='text/css' href='css/Core.css'/>
        <link rel='stylesheet' type='text/css' href='css/main/Ddm.css'/>
        <link rel='stylesheet' type='text/css' href='css/theme/redmond/ui.all.css'/>
        <link rel='stylesheet' type='text/css' href='css/theme/redmond/jquery-ui.css'/>
        <link rel="stylesheet" type="text/css" href="css/theme/my-ui.css"/>
        <link rel="stylesheet" type="text/css" href="css/grid/ui.jqgrid.css"/>
        <link rel="stylesheet" type="text/css" href="css/admin/Training.css"/>

        <script type='text/javascript' src='js/jquery/jquery.min.js'></script>
        <script type='text/javascript' src='js/jquery/jquery.multi-ddm.min.js'></script>
        <script type='text/javascript' src='js/jquery/jquery-ui.min.js'></script>
        <script type='text/javascript' src='js/jquery/grid/i18n/grid.locale-en.js'></script>
        <script type='text/javascript' src='js/jquery/grid/jquery.jqGrid.min.js'></script>
        <script type='text/javascript' src='js/jquery/jquery.layout.min.js'></script>
        <script type='text/javascript' src='js/Core.js'></script>
        <script type='text/javascript' src='js/admin/Admin.js'></script>
    </head>

Here is the content of Training.css:

.ui-jqgrid { font-family:tahoma,arial,helvetica,sans-serif; font-size:9px; position:relative; }

th { font-size:10px; }

.ui-pg-table { font-size: 1.2em; }

.ui-pg-input { width: 10px; height: 55px;}

]]> Sat, 06 Feb 2010 08:46:23 +0200