Grab close button from TitleWindow

Question

Hi.  I'd like to use the close button in the TitleWindow in a VBox (or other container).  The TitleWindow isn't sufficient for my purposes, I pretty much just need a VBox, but I still need a close button.  Rather than dropping a button down, I'd like to maintain visual consistency and use the TitleWindow close button.  Do you know how I could get this button?  What code would I have to copy?  Once I have the button, I can attach the event handling I need to it.  Thanks!
Using Flex 3.4 in Flex Builder 3.

Answer 1

This should work (I grabbed the default mx:TitleWindow icon assets and used then as an mx:Button icon):
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Style>
        .titleWindowIcon {
            up-icon: Embed(source="Assets.swf", symbol="CloseButtonUp");
            over-icon: Embed(source="Assets.swf", symbol="CloseButtonOver");
            down-icon: Embed(source="Assets.swf", symbol="CloseButtonDown");
            disabled-icon: Embed(source="Assets.swf", symbol="CloseButtonDisabled");
    </mx:Style>
    <mx:Button styleName="titleWindowIcon" label="Button w/ special icon" />
</mx:Application>
Or, if you want to create a custom button and use the icon as a skin, this may get you closer:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Style>
        .titleWindowIconAsSkin {
            up-skin: Embed(source="Assets.swf", symbol="CloseButtonUp");
            over-skin: Embed(source="Assets.swf", symbol="CloseButtonOver");
            down-skin: Embed(source="Assets.swf", symbol="CloseButtonDown");
            disabled-skin: Embed(source="Assets.swf", symbol="CloseButtonDisabled");
    </mx:Style>
    <mx:Button styleName="titleWindowIconAsSkin" />
</mx:Application>
You can look at the defaults.css file here:
C:\dev\flexSDKs\flex_sdk_3.4.0.9271\frameworks\projects\framework\defaults.css
Peter