Resizable HTML AIR Applications

Ben — Sun, 30 Nov 2008 22:40:03 +0000

Far easier than I thought it was:

$('#resize').mousedown( function(){
window.nativeWindow.startResize('BOTTOM_RIGHT');
// or: BOTTOM, BOTTOM_LEFT, BOTTOM_RIGHT, LEFT, RIGHT, TOP, TOP_LEFT, TOP_RIGHT, NONE
});

You can retrieve the width of the application using the width property of nativeWindow (so:

window.nativeWindow.width

). It might be a good idea to prevent your app from getting too small and using scrollbars.

From a development standpoint, with this in mind I guess the idea would be to set the default width of the app in the application descriptor file and then use percentage-widths while styling to keep the app flexible. Ta-da!

benwatts.ca » resize

Resizable HTML AIR Applications