Comments on: Resizable TitleWindow in Flex 4

By: Kevin Lin

Kevin Lin — Fri, 13 Aug 2010 22:54:21 +0000

@Larry Jenkins Thanks for the feedback! Your code looks great!

By: Larry Jenkins

Larry Jenkins — Fri, 13 Aug 2010 21:21:07 +0000

This is a great component. Thanks! I did find a bug that if you resize the dialog to be smaller than the components that it contains, it will often crash AIR. The fix is to enforce a minimum size for the dialog. In ResizableTitleWindow.as add:

private var minWidth:Number = 100;
private var minHeight:Number = 100;

public function setMinimumSize(newMinWidth:Number, newMinHeight:Number):void{
if (newMinWidth > 0) {minWidth = newMinWidth;}
if (newMinHeight > 0) {minHeight = newMinHeight;}}

In resizeHandle_mouseMoveHandler() add this before “event.updateAfterEvent()”:

var newWidth:Number = prevWidth + (event.stageX – clickOffset.x);
var newHeight:Number = prevHeight + (event.stageY – clickOffset.y);
if (newWidth < minWidth) {newWidth = minWidth;}
if (newHeight < minHeight) {newHeight = minHeight;}
width = newWidth;
height = newHeight;

By: Kevin Lin

Kevin Lin — Wed, 16 Jun 2010 17:17:02 +0000

@flo
There’s a bug for this. You can track it here: http://bugs.adobe.com/jira/browse/SDK-25598.

Thanks for the question!

By: Kevin Lin

Kevin Lin — Wed, 16 Jun 2010 17:15:50 +0000

@Matt
I would approach it the same way that the close button is done in TitleWindow. Basically, you can extend or modify ResizableTitleWindow to have a “helpButton” skin part. You can then attach behavior to the helpButton’s click event. Don’t forget to include the skin part in the skin as well!

Thanks for your comment and questions!

By: Kevin Lin

Kevin Lin — Wed, 16 Jun 2010 17:12:04 +0000

@Steve When you add a popup, the parent parameter is not the actual parent of the popup. Instead, the parent is the SystemManager and the PopUpManager just uses the parent to position the popup. The third one should work. Try that one again? If it doesn't, send me more code. Thanks for your question!

By: flo

flo — Mon, 07 Jun 2010 13:29:16 +0000

Hello

Thanks for this code. I use this, and I have a probleme with the right click. The resizable title windows block the right click ont the element.

Can I use the right click with this example ?

Thanks in advance

By: Matt

Matt — Wed, 26 May 2010 20:36:44 +0000

Kevin,
Great work on the component. I am very new to Flex and have been stumped by a problem that I can’t seem to figure out. Your example reminded me of it. What if I want to add more buttons to the title bar area of a spark title window? More descriptively, say I want a help button next to the close button that pops it’s own title window on click? I was experimenting and got something to work by customizing a skin, but I’m very curious to see someone else’s take on the subject.
In the past, I’ve gotten it to work on the panel component but I was curious if it would work on the title window component as well.
Thanks in advance.

By: Thilo

Thilo — Mon, 24 May 2010 01:51:29 +0000

@Kevin Lin

Thank you for the hint, Kevin! Pretty logical and it worked fine that way

By: Steve

Steve — Fri, 21 May 2010 18:49:22 +0000

I’m trying to add a ResizableTitleWindow to a BorderContainer instead of using PopUpManager.addPopUp(rtw, this, false). I’ve tried calling PopUpManager.addPopUp(rtw, borderContainer, false) and borderContainer.addElement(rtw). Neither of these work. Any ideas?

By: Kevin Lin

Kevin Lin — Wed, 19 May 2010 17:54:08 +0000

@Thilo Thanks for your question! Try using the same namespace as your TitleWindow for the layout. They should be the same.