I've noticed that the dialog control is very good at handling changes to the width of the browser window. No matter how I resize my browser, the width is no wider than the window, and never exceeds the width I specified in the configuration.
Unfortunately, it doesn't seem to really care about the height of the browser window. If I specify a height that's taller than the browser window, or resize the browser to be shorter than the dialog, the dialog extends past the bottom of the browser window and you are unable to see all of the dialog or access the buttons.
I wish it handled the height as well as the width. Any chance that can be implemented?
I was able to accomplish this with the code below. In Firefox, I tend to lose the padding below a tabstrip control, but otherwise, it's been ok, though I think you guys could do a better job that I've managed to implement. I also don't want to have to support the code. :)
var maxHeight = 1;
for (var i = 0; i < $("[data-id='ForgotWindow']").parent().children().length; i++) {
maxHeight += $("[data-id='ForgotWindow']").parent().children()[i].scrollHeight
}
var newSize = Math.min(window.innerHeight - 25, maxHeight) + 'px';
_forgotDialog.setOptions({
height: newSize
});
_forgotDialog.open();
FYI, I create the dialog with a DIV that has the attribute data-id="ForgotWindow", and I've set it to the variable _forgotDialog.