[jira] [Commented] (FLEX-33627) Accordion Layout shows content on top of the layout

[Fabiano Citrone (JIRA)]

    [ 
https://issues.apache.org/jira/browse/FLEX-33627?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13829829#comment-13829829
 ] 

Fabiano Citrone commented on FLEX-33627:
----------------------------------------

I had the same problem, I solved it by entering the code portion in each element
visible="{accordition.selectedIndex==0}"
visible="{accordition.selectedIndex==1}"
visible="{accordition.selectedIndex==2}"
...
...
visible="{accordition.selectedIndex==n}"

<s:Scroller id="scroll" width="100%"  height="100%" pageScrollingEnabled="true" 
 skinClass="skin.PagedIndicatorScrollerSkin" 
touchInteractionEnd="Indicator.positionChanged(event)" 
touchInteractionStart="Indicator.touchInteractionStart(event)" >
                <s:Group id="group">
                        <s:layout>
                                <ns:AccordionLayout  id="accordition" 
useScrollBarForNavigation="true" scrollBarDirection="horizontal" 
                                                                        
direction="horizontal" change="Indicator.positionChanged(event)" />
                        </s:layout>

                        <s:VGroup  gap="10"  
visible="{accordition.selectedIndex==0}">
                                .........
                        </s:VGroup>
                        
                        <s:VGroup  gap="10" id="scheda2"  
visible="{accordition.selectedIndex==1}">
                                .........................
                        </s:VGroup>

                        <s:VGroup  gap="10" id="scheda2"  
visible="{accordition.selectedIndex==2}">
                                .........................
                        </s:VGroup>
        
                </s:Group>      
        </s:Scroller>
        <components:Indicator id="Indicator"  direction="horizontal" 
height="20"/>
</s:View>

> Accordion Layout shows content on top of the layout
> ---------------------------------------------------
>
>                 Key: FLEX-33627
>                 URL: https://issues.apache.org/jira/browse/FLEX-33627
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: Spark: Accordion, Spark: Layout
>    Affects Versions: Apache Flex 4.10.0
>         Environment: iOS, Air-simulator, Android
>            Reporter: Swen van Zanten
>              Labels: patch
>             Fix For: Apache Flex 4.10.0
>
>         Attachments: iOS-simulatorschermafbeelding 22 jul. 2013 09.07.33.png, 
> iOS-simulatorschermafbeelding 22 jul. 2013 09.07.40.png
>
>
> When using the accordionlayout in a mobile application and fill the group 
> component with other components.
> The application will show a part of the using components. This will disappear 
> on the last page of the accordion.
> <s:Scroller id="scroll" width="100%" height="100%" 
> pageScrollingEnabled="true"  skinClass="skins.PagedIndicatorScrollerSkin"
>                               
> touchInteractionStart="Indicator.touchInteractionStart(event)" 
> touchInteractionEnd="Indicator.positionChanged(event)">
>               <s:Group id="group">
>                       <s:layout>
>                               <ns:AccordionLayout 
> useScrollBarForNavigation="true" scrollBarDirection="{direction}" 
>                                                                       
> duration="{duration.value}" direction="{direction}"/>
>                       </s:layout>
>                       
>                       <components:AccordionElement/>
>                       <components:AccordionElement/>
>                         ...



--
This message was sent by Atlassian JIRA
(v6.1#6144)