View Modal Shrink on second view

QuestionsView Modal Shrink on second view
Don Mangold asked 6 years ago

When you view the detail for a row the first time – looks fine. When you view the detail a second time it shrinks. Below is the code cut down to the minimal. Any thoughts.

$g = new jqgrid($db_conf);

$grid["view_options"] = array('caption'=>'View Space','width'=>'420');

$g->table = "CSISPACEP";


$col = array();
$col["viewable"] = true;
$col["title"] = "Space Address Sort"; // caption of column
$col["name"] = "SPSPACE_ADDRESSSORT";
$col["width"] = "30";
$col["sortable"] = true;
$cols[] = $col;

$col = array();
$col["hidden"] = false;
$col["title"] = "SPID"; // caption of column
$col["name"] = "SPID";
$col["width"] = "10";
$cols[] = $col;

$col = array();
$col["title"] = "";
$col["name"] = "MO";
$col["width"] = "12";
$col["default"] = "<input type='button' style='width:200px' value='Set Owner' onclick='jQuery("#viewmodlist1").remove();$(location).attr("href","?SPID={SPID}&MODE=SetOwner&Address={SPSPACE_ADDRESS}&loc={SPLOCATION}");'>";
$cols[] = $col;

$col = array();
$col["title"] = "";
$col["name"] = "CO";
$col["width"] = "12";
$col["default"] = "<input type='button' style='width:200px' value='Clear Owner' onclick='jQuery("#viewmodlist1").remove();$(location).attr("href","?SPID={SPID}&MODE=Clear&Address={SPSPACE_ADDRESS}");'>";
$cols[] = $col;

$col = array();
$col["title"] = "";
$col["name"] = "Maintain";
$col["width"] = "12";
$col["default"] = "<input type='button' style='width:200px' value='Maintain Space' onclick='jQuery("#viewmodlist1").remove();jQuery("#edit_list1").click();'>";
$cols[] = $col;

$col = array();
$col["title"] = "";
$col["name"] = "Reserve";
$col["width"] = "12";
$col["default"] = "<input type='button' style='width:200px' value='Reserve Space' onclick='jQuery("#viewmodlist1").remove();$(location).attr("href","?SPID={SPID}&MODE=RS&Address={SPSPACE_ADDRESS}&loc={SPLOCATION}");'>";
$cols[] = $col;

$col = array();
$col["title"] = "";
$col["name"] = "NFS";
$col["width"] = "12";
$col["default"] = "<input type='button' style='width:200px' value='Not for Sale' onclick='jQuery("#viewmodlist1").remove();$(location).attr("href","?SPID={SPID}&MODE=NFS&Address={SPSPACE_ADDRESS}&loc={SPLOCATION}");'>";
$cols[] = $col;

$col = array();
$col["title"] = "";
$col["name"] = "Back";
$col["width"] = "12";
$col["default"] = "<input type='button' style='width:200px' value='Back' onclick='jQuery("#viewmodlist1").remove();$(location).attr("href","?SPID={SPID}&MODE=Search&Address={SPSPACE_ADDRESS}&loc={SPLOCATION}");'>";
$cols[] = $col;
"autofilter" => true,
"search" => false,
"inlineadd" => false,
"showhidecolumns" => false) );

$out = $g->render("list1");

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" ""&gt;

<link rel="stylesheet" type="text/css" media="screen" href="lib/js/themes/redmond/jquery-ui.custom.css"></link>
<link rel="stylesheet" type="text/css" media="screen" href="lib/js/jqgrid/css/ui.jqgrid.css"></link>
<link rel="stylesheet" type="text/css" media="screen" href="lib/js/jqgrid/css/ui.bootstrap.jqgrid.css"></link>
<script src="lib/js/jquery.min.js" type="text/javascript"></script>
<script src="lib/js/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="lib/js/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="lib/js/themes/jquery-ui.custom.min.js" type="text/javascript"></script>
<meta charset="utf-8">
<title>StoneMor Partners L.P. | Cemetery Space Inventory</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

<?php echo $out?>

1 Answers
Abu Ghufran answered 6 years ago


I followed the steps but unable to generate this issue.
Can you share online link OR screenshots for review.

One little fix:
Try moving bootstrap css

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

to include above ui.bootstrap.jqgrid.css

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

Your Answer

10 + 10 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.

How useful was this discussion?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?