CodeIgniter Forums
flexigrid problem in an iframe - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived Development & Programming (https://forum.codeigniter.com/forumdisplay.php?fid=23)
+--- Thread: flexigrid problem in an iframe (/showthread.php?tid=21863)

flexigrid problem in an iframe - El Forum - 08-23-2009

[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    
            }
            );  
    
});