ui/dialog box has a funny display

ui/dialog box has a funny display


I have a user clicking on a link to display data from a mysql db. The click
works, and the database stuff is shown. Problem is the data is show in the
table with zebra striping (ok), but the titlebar, the X, and my two buttons
are not "enclosed" in the window - it looks very odd. In other words, I'd
like to have my entire window framed by a border, instead of how it looks
now - can anyone figure out what I'm doing wrong? Here is how the user
selects my dialog:
<td> # PVI </td>
In my js file, this is Demo.three:
var Demo = {
    three: function() {
        var url = 'v_concessions.php?i=' + "5";
    $('<iframe id="editDirectoryFrame" src="' + url + '" />').dialog({
    
        //$('<div id="stmary">').load('v_concessions.php?gameno="5"').dialog({
            title: "First Game",
            modal: true,
            overlay: {
    opacity: 0.5,
    background: "yellow"
    },
            width: 850,
            height: 800,
            buttons: {
                'Volunteer': function() {
                alert("clicked volunteer"),
                    //$(this).dialog('close'),
                    onclick=add()
                    },
                'Cancel': function() {
                    $(this).dialog('destroy')
                    }
            }
        });
    }
v_concessions.php just connects to the db, and grabs the data.
--
View this message in context: http://www.nabble.com/ui-dialog-box-has-a-funny-display-tp18071980s27240p18071980.html
Sent from the jQuery UI Discussion mailing list archive at Nabble.com.