Menu
Currently (jQuery 1.4.4 and UI 1.8.8) I used the following to set a dialog's properties: (I'm trying to set the dialog to be 180px less than the height and width of the screen.)
$("#dialog").dialog({
bgiframe: true,
position: 'center',
width: $(window).width()-180,
height: $(window).height()-180,
title: ititle,
modal: true,
buttons: { "Close": function() { $(this).dialog("destroy"); }}
});
The above works fine in FF but in IE 8 it fails.
Is this the right way to set width and height or should I be doing something differently?
580
Syntax: $( ". selector" ). dialog({ width : 120 });
Below is how I achieved a responsive jQuery UI Dialog. To do this, I added a new option to the config - fluid: true , which says to make the dialog responsive. I then catch the resize and dialog open events, to change the max-width of the dialog on the fly, and reposition the dialog.
dialog({ autoOpen: true, title: user_str, height: 200, stack: true, sticky: true //uses ui dialog extension to keep it fixed });
dialog( { ... } ); Then check for the class when needed: if ($("selector"). hasClass("initialized")) { ... }
This worked for me in IE8:
var winW = $(window).width() - 180;
var winH = $(window).height() - 180;
$( "#dialog" ).dialog({
autoOpen: false,
height: winH,
width: winW,
modal: true
});
You'll need this at the top of your page though
<!DOCTYPE html>
You probably need to specify the DOCTYPE and use standards mode for it to work correctly.
35
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
