Here is the component that I am having issues with? I keeps shrinking
and growing from the middle out instead of the from the top left corner?
<?xml version="1.0" encoding="utf-8"?>
<fig:CalloutContainer
xmlns:fig="com.adobe.wheelerstreet.fig.callout.*"
xmlns="http://ns.adobe.com/mxml/2009";
xmlns:mx="http://ns.adobe.com/mxml/2009";
xmlns:gumbo="library:adobe/flex/gumbo"
mouseDown="stopProp(event)"
mouseMove="stopProp(event)"
>
<mx:Script>
<![CDATA[
import flare.vis.data.NodeSprite;
import mx.events.FlexEvent;
/* AUTOCLOSE -- if set to true (default) clicking x
will remove
this instance from its parent */
public var autoClose:Boolean = true;
public var device:String;
public var node:NodeSprite;
[Bindable]
public var title:String = "title";
[Bindable]
public var line1:String = "line1";
[Bindable]
public var line2:String = "line2";
public static const SUPER_DETAILS_CLOSED:String
= "superDetailClosed";
public static const SUPER_DETAILS_OPENED:String
= "superDetailOpened";
public static const SUPER_DETAILS_MINIMIZED:String
=
"superDetailMinimized";
public static const SUPER_DETAILS_MAXIMIZED:String
=
"superDetailMaximized";
private function stopProp( event:MouseEvent ) : void
{
event.stopPropagation();
}
private function superDetailsOpened( ) : void
{
trace( 'super detials created' );
dispatchEvent( new Event( SUPER_DETAILS_OPENED,
true, false ) );
}
private function superDetailsMinimized( event:FlexEvent
) : void
{
trace(event);
event.stopPropagation();
dispatchEvent( new Event(
SUPER_DETAILS_MINIMIZED, true, false ) );
}
private function superDetailsMaximized( event:FlexEvent
) : void
{
trace(event);
event.stopPropagation();
dispatchEvent( new Event(
SUPER_DETAILS_MAXIMIZED, true, false ) );
}
private function dispatchThenCloseNodeDetails(
event:MouseEvent ) :
void
{
event.stopImmediatePropagation();
//removeSuperDetails();
dispatchEvent( new Event( SUPER_DETAILS_CLOSED,
true, false ) );
}
]]>
</mx:Script>
<fig:states>
<State name="minState"
enterState="superDetailsMinimized(event)" />
<State name="maxState" basedOn="minState"
enterState="superDetailsMaximized(event)" />
</fig:states>
<fig:transitions>
<mx:Transition fromState="*" toState="maxState">
<mx:Parallel>
<mx:Resize target="{ this }" duration="200"/>
</mx:Parallel>
</mx:Transition>
<mx:Transition fromState="maxState" toState="*">
<mx:Parallel>
<mx:Resize target="{ this }" duration="150"/>
</mx:Parallel>
</mx:Transition>
</fig:transitions>
<mx:Canvas id="contentVBox" includeIn="maxState, minState">
<mx:Button
id="closeButton"
styleName="CalloutCloseButton"
right="0"
width="14" height="14"
click="{dispatchThenCloseNodeDetails( event )}"
includeIn="maxState, minState"
/>
<mx:Button
id="expandButton"
styleName="CalloutExpandButton"
right="{closeButton.width + 2}"
width="14" height="14"
click.minState="currentState='maxState'"
click.maxState="currentState='minState'"
includeIn="maxState, minState"
/>
<mx:HBox id="titleBar"
width.minState="250" width.maxState="400"
height.minState="125" height.maxState="450"
top="18"
includeIn="maxState, minState">
<mx:Label
id="titleLabel"
text="{title}"
rollOver
="{Label(event.currentTarget).setStyle('textDecoration',
'underline');}"
rollOut
="{Label(event.currentTarget).setStyle('textDecoration',
'none');}"
mouseDown="{Label(event.currentTarget).setStyle('textDecoration',
'none');}"
mouseUp
="{Label(event.currentTarget).setStyle('textDecoration',
'underline');}"
click ="{/* handleMouse(event); */}"
fontWeight="bold"
includeIn="maxState, minState"
/>
<!--<mx:SWFLoader
source="@Embed(source='/assets/images/skins.swf',symbol='Icon_airport')"
width="18" height="18"
/>-->
</mx:HBox>
</mx:Canvas>
</fig:CalloutContainer>
--- In [email protected], "flexaustin" <flexaus...@...> wrote:
>
> So I guess I am wanting the opposite of the orig. post. I have a
> component based on canvas and I want to increase its size in a modal
> fashion min/max.
>
> Click to maximize it (increase the width/height) and minimize state
> (decrease its height and width).
>
> When I do that now it is increasing and decreasing from center, when
> actuall I need it to increase and decrease from the top left corner.
>
> So grow down and to the right not in from both side and in from top
> and bottom.
>
> TIA
>
