width: 'auto' is not supported. It must be a number. See http://docs.jquery.com/UI/Dialog#option-width " width Type:Number Default:300 The width of the dialog, in pixels. "
Compare to the height option, which does support the 'auto' value http://docs.jquery.com/UI/Dialog#option-height " height Type:Number Default:'auto' The height of the dialog, in pixels. Specifying 'auto' is also supported to make the dialog adjust based on its content. " - Richard On Tue, Dec 1, 2009 at 3:09 PM, Charles H <[email protected]> wrote: > 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]<jquery-ui%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/jquery-ui?hl=en. > > > -- 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.
