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


      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:VerticalLayout  gap="20"/>


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


             <s:VerticalLayout  useVirtualLayout="true"   />


            <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:VerticalLayout gap="0" />


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


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


               <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:BasicLayout />


                 <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" />




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








      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