dynamically set size of desktop window based on content

Love the desktop sample - wish there was more documentation.

I am creating a desktop window and i want to resize it to fit the content within the window.

Code:

---

           
var w = desk.createWindow({
                icon: "Application",
                id: myWindow,
                title: "My Window",
                width: 1000,
                height: 600,
                maximizable: true,
                minimizable: true,
                autoLoad: {
                    url: url,
                    mode: "iframe",
                    showMask: true,
                    maskMsg: "Loading " + url + "..."
                }
            });

            w.center();
            w.show();

---

this of course shows the window 1000 pixels wide (see tasks_big.gif)

Attachment 3357

I want the window to resize be just wide and high enough to fit the contents so it looks like (tasks_small.gif)

Attachment 3358

The size and number of fields in a given form is dynamic so i can't set a hard width...i want it to be liquid so it fits the contents with a certain amount of padding all the way around.

Code:

---


        function resizeWindow(df) {
            var w = 0, h = 0, tw = 0;
            for (i = 0; i < df.items.length - 1; i++) {
                var obj = df.items.get(i);
                tw = obj.getEl().getWidth();
                h = h + obj.getEl().getHeight();
                if (obj.label) tw = tw + obj.label.getWidth();
                w = tw > w ? tw : w;
            }
            top.setWindowSize(entity, id, w + 80, h + 200);
        }

---

The thread is related to:
http://forums.ext.net/showthread.php...ll=1#post74694