Layout: main panel resize about w2ui HOT 4 CLOSED

All event handlers are called before any changes applied to the object. It is done this way to allow events to be cancelable. However, if you need to execute a function after changes applied to the object you can do it this way:

w2ui['layout'].on('resize', function(target, data) {
    data.onComplete = function () {
        var width = w2ui['layout'].get('main').width;
        var height = w2ui['layout'].get('main').height;
        console.log(width + 'x' + height);
    }
});

You can read more about event flow here: http://w2ui.com/web/docs/utils/events

from w2ui.

You can attach event listeners to the panels, but there is no onResize for the panel, only entire layout. I have noticed, when layout is resized, main panel always resized and possibly some other panel (if it was not window resize). I have added data.panel variable to indicate what panel in addition to main was resized. Just checked into current working version.

from w2ui.

Thanks for you help! it's working now. It's not a continuous update, but it still sets the values after the resize operation has finished.

from w2ui.

Ok, as I don't use facebook, here is my comment: Great library, just what I was looking for: small, fast, easy to use, with a good set of widgets, a great layout system and MIT license. Was kind of hard to find, though, well, it's also very new. Keep up the good work!!

from w2ui.