The widget header (.ui-widget-header?) does not  display correctly in
IE 7 when using width: 'auto'.  You can also see this in IE8 by using
developer tools> Browser Mode : IE7. To duplicate this issue, download
jquery UI from http://jqueryui.com/download, then in index.html,
change the width of the dialog to 'auto':

                                // Dialog
                                $('#dialog').dialog({
                                        autoOpen: false,
                                        width: 'auto',
                                        buttons: {
                                                "Ok": function() {
                                                        $(this).dialog("close");
                                                },
                                                "Cancel": function() {
                                                        $(this).dialog("close");
                                                }
                                        }
                                });

The orange header when you click 'open dialog' will only be about 100
pixels wide, though the dialog itself will be about 100% on the page.
Also, the close "X" button is jammed on top of the words "dialog
title". Does anyone have any suggestions on how to correct this? Using
'auto' is a necessity for me because we are implementing jquery UI
dialog in a framework, not individually on pages...

Thanks much,
Charles Harvey

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to