Forum
Log In
Home
Topic RSS
08:46
06/02/2010
Offline
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;}
23:33
06/02/2010
Offline
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.
08:50
18/06/2010
Offline
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;>
<html xmlns="http://www.w3.org/1999/xhtml" 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 🙂
Most Users Ever Online: 715
Currently Online:
67 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
