Hi Friends,
   I have created Custom Skinnable component which as two Skin Parts.
1. TextInput
2. PopupAnchor.
I am opening my PopupAnchor on ROLL_OVER event of TextInput. But as
soon as I move my mouse out of the text input my popup gets closed.
Also I have added ROLL_OVER event to PopupAnchor to maintain its open
state.But I am unable to do so.Please suggest me some way using which
I can maintain the open state till my mouse is in the area of the
Skin.Below is my skin layout.
<s:TextInput id="txtSummary" text="0,0000"
skinClass="CustomTextInputSkin"/>
                <s:PopUpAnchor
                        id="popup"
                        displayPopUp.summary="false"
                        displayPopUp.detail="true"
                        left="-232" right="0" top="21" bottom="3">
                        <s:Group id="borderRect" top="0" left="5" right="5" 
bottom="5">
                                <s:Rect top="-1" left="-1" right="-1" 
bottom="-1"
                                                topLeftRadiusX="3" 
topLeftRadiusY="3"
                                                bottomLeftRadiusX="3" 
bottomLeftRadiusY="3"
                                                bottomRightRadiusX="3" 
bottomRightRadiusY="3">
                                        <s:stroke>
                                                <s:SolidColorStroke weight="1" 
color="#676767"/>
                                        </s:stroke>
                                        <s:fill>
                                                <s:SolidColor color="#ffffff"/>
                                        </s:fill>
                                </s:Rect>
                                <s:Rect top="-1" left="{txtSummary.width+105}" 
bottom="2"
right="1" >
                                        <s:fill>
                                                <s:BitmapFill 
source="@Embed('../skins/whiteLine.png')"/>
                                        </s:fill>
                                </s:Rect>

                                <s:VGroup top="15" left="5" right="5" 
bottom="5" visible="true"
includeInLayout="true">
                                        <s:SkinnableContainer 
id="summaryDetails" width="100%"
visible="true">
                                                <s:layout>
                                                        <s:VerticalLayout 
gap="0" paddingTop="0" paddingLeft="0"
paddingRight="0"/>
                                                </s:layout>
                                        </s:SkinnableContainer>
                                        <s:HGroup width="100%" 
verticalAlign="middle">
                                                <s:Button label="Sign In"/>
                                                <s:Label text="to see 
applicable discounts and taxes."/>
                                        </s:HGroup>
                                </s:VGroup>

                        </s:Group>

                </s:PopUpAnchor>
Let me know if you have suggestions.

Thanks & Regards
   Vishal

-- 
You received this message because you are subscribed to the Google Groups "Flex 
India Community" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/flex_india?hl=en.

Reply via email to