jquery - How to align center search popup in jqgrid -
I have trouble aligning jqgrid
in the center search popup
. When I click on the search button in jqgrid, the search popup is displayed at the beginning of the grid.
$ (document) .ready (function () {// jqGrid $ ("# usersList") .jqGrid ({url: '& lt;% = request.getContextPath ()% & Gt; / getUsersList ', Datatype: "Jason", colNames: [' Edit ',' Primary email ',' Active ',' First name '' Middle name ',' Lastname ',' Mobile number '], CallModel: {Name: 'user id', search: incorrect, index: 'user id', width: 30, sorted: wrong}, {name: 'email', index: 'user.primaryEmail', width: 150}, {name : 'IsActive', index: 'user.isActive', width: 80}, {name: 'firstname', index: 'firstname', width: 100}, {Name: 'middleName', index: 'middleName', width : 100}, {name: 'lastname}, index:' lastname ', width: 1 00}, {name: 'mobileNo', index: 'user not mobile', width: 100},], line number: 20, line list: [10,20,30,40,50], rownumbers: true, pager : '#pagerDiv', sort name: 'user.primaryEmail', see Records: true, sorted: "esque", autovoth: 'true',}); $ ('# grid container divis: no (.ui-jqgrid- Titlebar) 'width ("100%"); $ (' .iu-jqgrid-bdiv '). CSS (' height ', window. Powerless * .65); $ ('# Load_usersList') Width ("130") .; $ ("# User list") JqGrid ('navigrid', '# pagerid' ',' edit: wrong, add: wrong, del: wrong}, {}, {}, {}, {closeAfter search: correct}); $ (".inline"). Color box ({inline: true, width: "20%"}); });
updated .ui-jqdialog
category Ui.jqgrid.css file.
The jqgrid search popup is the center aligned by adding CSS properties left: 30%! Important; Top: 40%! Important;
these .ui-jqdialog
category
.ui-jqdialog {display: none; Width: 300px; Status: Completed; Padding: .2em; Font-size: 11px; Overflow: visible; Left: 30% important! Top: 40%! Important; }
Comments
Post a Comment