[eluser]Unknown[/eluser]
I've got a dialog box I'm displaying with a flexigrid table inside. The dialog comes up ok, but the flexigrid table does not appear correctly - I'm sure it's a css problem, but cannot figure it out for the life of me and I need to get this up and running today! have a link here to demonstrate - click on Concession Stand,then the volunteer button:
http://www.pvifootball.com/test/
Here is how I am calling my iframe:
Code:
$('<iframe name="popup" src="' + url + '" >').addClass("flora").dialog({
modal: true,
resizable: true,
bgiframe: true,
autoResize: true,
overlay: {
opacity: 0.5,
background: "#A8A8A8"
},
title: opponent + " " + newdate,
width: 850,
height: 500,
buttons: {
'Close': function() {
$(this).dialog('destroy')
}
}
});
my flexigrid is pretty straightforward:
Code:
$(document).ready(function(){
$("#flex1").flexigrid
(
{
url: 'post2.php?gameno=<?=$gameno?>&date;=<?=$date?>&opponent;=<?=$opponent ?> ',
dataType: 'json',
colModel : [
{display: 'First Name', name : 'firstname', width : 100, sortable : true, align: 'center'},
{display: 'Last Name', name : 'lastname', width : 100, sortable : true, align: 'center'},
{display: 'Home Phone', name : 'homephone', width : 120, sortable : true, align: 'center'},
{display: 'Cell Phone', name : 'cellphone', width : 120, sortable : true, align: 'center'},
{display: 'EMail', name : 'email', width : 180, sortable : true, align: 'center'},
{display: 'Job', name : 'job', width : 100, sortable : true, align: 'center'}
],
buttons : [
{name: 'Add', bclass: 'add', onpress : test},
{name: 'Save', bclass: 'save', onpress : test},
{name: 'Print', bclass: 'print', onpress : test},
{separator: true}
],
sortname: "job",
sortorder: "asc",
usepager: true,
title: 'To volunteer press Add, enter your information and press Save. Seven people per shift is ideal for Varsity games, 4 people per shift for other games !',
useRp: true,
rp: 10,
showToggleBtn: false,
width: auto,
height: auto
}
);
});