autofit for inline dialogs

[iceh]

Hi,

I use a dialog that is inlined and fit is set to true.

When i rezize the browser window, i'd like to refit the dialog to the new dimensions.

Can anybody provide a script for this?

Thank you!

[stworthy]

If the dialog is in a region panel of layout, it will auto adjust its size. If the dialog is in your custom div container, you need to call 'resize' method after resize this div container.

Code:

$('#dlg').dialog('resize');

[iceh]

That's cool!

How do i get the resize event in javascript of the top window?

[iceh]

Code:

$(window).resize(function() {
    if(this.resizeTO) clearTimeout(this.resizeTO);
    this.resizeTO = setTimeout(function() {
        $(this).trigger('resizeEnd');
    }, 500);
});

$(window).bind('resizeEnd', function() {
    //reset to modal - because my dialog isn't resizable
    $('#dlg').dialog({ modal: true });
});

that did the trick!

the resize code is taken from here:

http://stackoverflow.com/questions/2996431/detect-when-a-window-is-resized-using-javascript

[iceh]

I was looking for this:

Code:

$('#dlg').dialog('center');