Iam attaching png file also.
The container that has the click listeners covers the entire screen.. and
wherever you click it will displays the alert box. But when the text areas are
dynamically added (making scroller 90%) and if we click the area below the text
areas(the area where scoller has to appear) it doesn't displays the Alert box.
<?xml version="1.0" encoding="utf-8"?>
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
creationComplete="creationComplete()">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
private function creationComplete():void{
var timer:Timer = new Timer(5000);
timer.addEventListener(TimerEvent.TIMER,
function(event:TimerEvent):void{
var grp:Group = new Group();
grp.addElement(new TextArea());
container.addElement(grp);
});
timer.start();
}
]]>
</fx:Script>
<s:Group height="100%" width="100%" click="Alert.show('clicked');">
<s:TextArea text="Hello Everybody"/>
</s:Group>
<s:Scroller right="0" top="40">
<s:Group id="container" right="5" top="40">
<s:layout>
<s:VerticalLayout/>
</s:layout>
</s:Group>
</s:Scroller>
</s:WindowedApplication>
Thanks,
with Regards,
Jitendra Jain
Software Engineer
91-9979960798
________________________________
From: Alex Harui <aha...@adobe.com>
To: "flexcoders@yahoogroups.com" <flexcoders@yahoogroups.com>
Sent: Tue, 20 September, 2011 12:19:23 PM
Subject: Re: [flexcoders] Scroller and mouseEnabledWhereTransparent Issues
I don’t understand what “below container” means. And whether there is supposed
to be a click handler on the container group.
On 9/19/11 10:26 PM, "jitendra jain" <jitendra_jain_2...@yahoo.com> wrote:
>
>
>
>
>In short, Alert should not be displayed.
>
>Thanks,
>
>with Regards,
>Jitendra Jain
>Software Engineer
>91-9979960798
>
>
>
________________________________
From:jitendra jain <jitendra_jain_2...@yahoo.com>
>To: flexcoders@yahoogroups.com
>Sent: Tue, 20 September, 2011 10:54:06 AM
>Subject: Re: [flexcoders] Scroller and mouseEnabledWhereTransparent Issues
>
>
>
>
>Yes that is happening but i want the below container to respond to the click
>events when clicked on empty space.
>
>Thanks,
>
>with Regards,
>Jitendra Jain
>Software Engineer
>91-9979960798
>
>
>
________________________________
From:Alex Harui <aha...@adobe.com>
>To: "flexcoders@yahoogroups.com" <flexcoders@yahoogroups.com>
>Sent: Tue, 20 September, 2011 1:40:07 AM
>Subject: Re: [flexcoders] Scroller and mouseEnabledWhereTransparent Issues
>
>
>
>
>I added a click handler to the container group, and height=”90%” to the
>scroller. I can click in the TextAreas and space between and it shows the
>Alert. That isn’t happening for you?
>
>
>On 9/18/11 11:03 PM, "jitendra jain" <jitendra_jain_2...@yahoo.com> wrote:
>
>
>
>>
>>
>>
>>
>>Hi Alex,
>>
>> Thanks again for your kind reply.. Iam posting some code.. Look here the
>>scroller is not appearing and the area where the components are dynamically
>>added the background should be clickable. But if you add height=90% to the
>>scoller then scroller will appear but background is not clickable..
>>
>>
>><?xml version="1.0" encoding="utf-8"?>
>>
>> xmlns:s="library://ns.adobe.com/flex/spark"
>> xmlns:mx="library://ns.adobe.com/flex/mx"
>>creationComplete="creationComplete()">
>> <fx:Declarations>
>> <!-- Place non-visual elements (e.g., services, value objects) here
-->
>> </fx:Declarations>
>>
>> <fx:Script>
>> <![CDATA[
>> import mx.controls.Alert;
>> private function creationComplete():void{
>> var timer:Timer = new Timer(5000);
>> timer.addEventListener(TimerEvent.TIMER,
>>function(event:TimerEvent):void{
>> var grp:Group = new Group();
>> grp.addElement(new TextArea());
>> container.addElement(grp);
>> });
>> timer.start();
>> }
>> ]]>
>> </fx:Script>
>> <s:Group height="100%" width="100%" click="Alert.show('clicked');">
>> <s:TextArea text="Hello Everybody"/>
>> </s:Group>
>> <s:Scroller right="0" top="40">
>> <s:Group id="container" right="5" top="40">
>> <s:layout>
>> <s:VerticalLayout/>
>> </s:layout>
>> </s:Group>
>> </s:Scroller>
>>
>></s:WindowedApplication>
>>
>>
>>Thanks,
>>
>>with Regards,
>>Jitendra Jain
>>Software Engineer
>>91-9979960798
>>
>>
>>
________________________________
From:Alex Harui <aha...@adobe.com>
>>To: "flexcoders@yahoogroups.com" <flexcoders@yahoogroups.com>
>>Sent: Mon, 19 September, 2011 10:32:54 AM
>>Subject: Re: [flexcoders] Scroller and mouseEnabledWhereTransparent Issues
>>
>>
>>
>>
>>You will probably get better answers if you can post a 20-line test case we
>>can
>>copy paste and run, with explicit and unambiguous explanation as to what the
>>problem is
>>
>>
>>On 9/16/11 11:24 PM, "jitendra jain" <jitendra_jain_2...@yahoo.com> wrote:
>>
>>
>>
>>>
>>>
>>>
>>>
>>>Looks like it reserves 90% of height for the scoller.. How can I overcome
>>>with
>>>this problem?
>>>
>>>Thanks,
>>>
>>>with Regards,
>>>Jitendra Jain
>>>Software Engineer
>>>91-9979960798
>>>
>>>
>>>
________________________________
From:jitendra jain <jitendra_jain_2...@yahoo.com>
>>>To: flexcoders@yahoogroups.com
>>>Sent: Sat, 17 September, 2011 11:52:05 AM
>>>Subject: Re: [flexcoders] Scroller and mouseEnabledWhereTransparent Issues
>>>
>>>
>>>
>>>
>>>Alex thanks a lot.. But even it is not working. I made
>>>mouseEnabledWhereTransparent=false, it is not working..
>>>The below components are clickable only when i remove the absolute height
>>>from
>>>the scroller that is 90%,.But scroller doesn't appear.
>>>
>>> I created a skin class also and that is also not helpful by setting the
>>>mouseEnabledWhereTransparent property..
>>>
>>>Thanks,
>>>
>>>with Regards,
>>>Jitendra Jain
>>>Software Engineer
>>>91-9979960798
>>>
>>>
>>>
________________________________
From:Alex Harui <aha...@adobe.com>
>>>To: "flexcoders@yahoogroups.com" <flexcoders@yahoogroups.com>
>>>Sent: Fri, 16 September, 2011 9:02:25 PM
>>>Subject: Re: [flexcoders] Scroller and mouseEnabledWhereTransparent Issues
>>>
>>>
>>>
>>>
>>>If mouseEnabledWhereTransparent=true, you can’t click on things below
>>>
>>>
>>>On 9/16/11 6:17 AM, "jitendra jain" <jitendra_jain_2...@yahoo.com> wrote:
>>>
>>>
>>>
>>>>
>>>>
>>>>
>>>>
>>>>Hi Group,
>>>>
>>>>Can anyone throw light on this.. Any clues?
>>>>
>>>>Thanks,
>>>>
>>>>with Regards,
>>>>Jitendra Jain
>>>>Software Engineer
>>>>91-9979960798
>>>>
>>>>
>>>>----- Forwarded Message ----
>>>>From:jitendra jain <jitendra_jain_2...@yahoo.com>
>>>>To: flex group flex <flexcoders@yahoogroups.com>
>>>>Sent: Mon, 12 September, 2011 8:23:33 PM
>>>>Subject: [flexcoders] Scroller and mouseEnabledWhereTransparent Issues
>>>>
>>>>
>>>>
>>>>
>>>>Hi Coders,
>>>>
>>>> I have one group component in which the children are added dynamically.
>>>> There
>>>>is also some components on which it is overlapping
>>>>. But when i apply the scroller with height 90%. No area below this
>>>>component is
>>>>clickable even though its height is not 90%. Even i tried with
>>>>mouseEnabledWhereTransparent =true. But nothing seems working.
>>>>
>>>>
>>>>
>>>>public function showElement(comp :*):void{
>>>>container.addElement(comp);
>>>>}
>>>>
>>>>
>>>> <s:Group id="parentGrp" includeInLayout="true"
>>>> top="10" right="10" bottom="10"
>>>> mouseEnabledWhereTransparent="true"
>>>>
>>>> >
>>>><s:Scroller right="0" top="40" height="90%">
>>>> <s:Group id="container" right="5" bottom="2" width="100%"
>>>>mouseEnabled="true" mouseEnabledWhereTransparent="true"
>>>>includeInLayout="true">
>>>> <s:layout>
>>>> <s:VerticalLayout />
>>>> </s:layout>
>>>> </s:Group>
>>>> </s:Scroller>
>>>></s:Group>
>>>>
>>>>Any help is highly appreciated..
>>>>Thanks,
>>>>
>>>>with Regards,
>>>>Jitendra Jain
>>>>Software Engineer
>>>>91-9979960798
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
--
Alex Harui
Flex SDK Team
Adobe System, Inc.
http://blogs.adobe.com/aharui
