EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: iceh on November 12, 2013, 02:14:06 PM

Title: autofit for inline dialogs
Post by: iceh on November 12, 2013, 02:14:06 PM

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!

Title: Re: autofit for inline dialogs
Post by: stworthy on November 12, 2013, 07:51:49 PM

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');

Title: Re: autofit for inline dialogs
Post by: iceh on November 16, 2013, 02:44:44 PM

That's cool!

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

Title: Re: autofit for inline dialogs
Post by: iceh on November 28, 2013, 06:20:09 PM

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

Title: Re: autofit for inline dialogs
Post by: iceh on December 01, 2013, 06:11:40 AM

I was looking for this:

Code:

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