I am able to display the jqGrid but the icons that are supposed to be there (Add, Edit, Delete, Search, Refresh etc. ) do not show up in my grid. When I hover over the place where the icons are supposed to be, it displays the name for the respective actions but just the images do not show up. Any help or suggestions would be great. Thanks in advance.
This is the javascript code that I am using.
function LoadAllUsers()
{
jQuery("#list2").jqGrid({
url: privateserviceURL + "LoadAllUsers",
datatype: 'json',
mtype: 'POST',
colNames: ['UserId', 'First Name', 'Last Name', 'Email', 'Password', 'Phone'],
colModel: [
{ name: 'UserId', index: 'UserId', width: 55, hidden: true },
{ name: 'First Name', index: 'FirstName', width: 90 },
{ name: 'Last Name', index: 'LastName', width: 90 },
{ name: 'Email', index: 'Email', width: 100 },
{ name: 'Password', index: 'Password', width: 90 },
{ name: 'Phone', index: 'Phone', width: 90 }
],
hidegrid: false,
width: 790,
height: 300,
rowNum: 10,
rowList: [10, 20, 30],
pager: jQuery('#pager2'),
sortname: 'UserId',
viewrecords: true,
sortorder: "desc",
caption: "JSON Example"
}).navGrid('#pager2', { view: true, del: true, add: true, edit: true, search: true });
}