1 Reply Latest reply on Dec 14, 2011 1:28 PM by Flex harUI

    Vertical Scroller is not appearing on adding new components on runtime

    realweb007 Level 1

      Hi

      Using the follwing code i get horizontal scroller on decreasing width but not vertical scoller is not extending if I add new groups

       

       

      <s:Scroller left="2" right="2" width="100%" minViewportInset="5" horizontalScrollPolicy="on"  height="100%" top="2" bottom="2">

          <s:Group id="vp" width="100%"  minWidth="1190"  minHeight="300" height="100%" autoLayout="true"  >

          <s:Group  width="100%"  minWidth="1190"  minHeight="300" height="100%"  autoLayout="true"  >

           <s:layout>

            <s:VerticalLayout  gap="20"/>

           </s:layout>

           <s:Group width="100%" minWidth="1200" id = "facGroup" visible="false">

            <s:layout>

             <s:VerticalLayout  useVirtualLayout="true"   />

            </s:layout>

            <s:TabBar dataProvider="{facilityStack}" styleName="tabs"  skinClass="com.jpmc.ibtech.slt.edge.flex.skins.BlueTabBar"/>

            <mx:ViewStack id="facilityStack" width="100%" minWidth="1200" borderColor="#000000" resizeToContent="true"    resizeEffect="Resize">

             <s:NavigatorContent autoLayout="true" label="Facilities" minWidth="1200" width="100%" height="100%"  id="facNav"  >

              <s:layout>

               <s:VerticalLayout gap="0" />

              </s:layout>

              <s:BorderContainer height="20"  skinClass="com.jpmc.ibtech.slt.edge.flex.skins.BlueBorderContainer" width="100%">

               <s:layout>

                <s:HorizontalLayout horizontalAlign="right" gap="0" />

               </s:layout>

               <mx:Spacer width="95%" />

               <mx:Image source="icons/icon_small_xls.png" id ="exportForFac" buttonMode="true" useHandCursor="true"

                   height="20" width="16" />

               <s:HGroup width="2%" horizontalAlign="right" gap="0" >

                <mx:Spacer width="100%" />

                <s:Group>

                 <s:layout>

                  <s:BasicLayout />

                 </s:layout>

                 <mx:Image source="icons/up_arrow.gif"  x="0" y="0" id="facGridExpand" visible="false"  useHandCursor="true" buttonMode="true"/>

                 <mx:Image source="icons/down_arrow.gif"    x="0" y="0" id="facGridCollapse" useHandCursor="true" buttonMode="true" />

                </s:Group>

               </s:HGroup>

              </s:BorderContainer>

              <comp:ResusableGrid id="facgrid" width="100%" minWidth="1200" height="100%"  gridName="facgrid"/>

             </s:NavigatorContent>

            </mx:ViewStack>

           </s:Group>

             </s:Group>

          </s:Group>

        </s:Scroller>

       

      If I removed the extra group vp than I am getting vertical scoller but no horizontal scroller. Any idea how to solve this issue.Using flex 4.0

      Thanks in Advance

      Abha