2 Replies Latest reply on Jul 23, 2009 11:31 PM by *Prashant Shelke*

    One scrollbar to rule them all?

    Shibby4444

      Hi there,

       

      I'm working on a flex app, and it has several nested components.

       

      When those components don't fit vertically they tend to create their own scrollbar, and at some points my app gets filled of scrollbars, whics is reaaally annoying.

       

      Instead of this, I would like to have ONLY ONE vertical scrollbar, on the <mx:Application> so that when it's necessary, the <mx:Application> will make it appear and it will be the sum of all components' heights.

       

      Is there any way to achieve this? I heard the Box component tries to resize itself and propagates the new sizes to it's parents, but this hasn't been the case.

       

      Here's an example of the nesting:

       

      <mx:Application>

           <mx:HBox height="100%" width="100%">

                <mx:ViewStack width="80%" height="100%">

                     <mx:HBox height="100%" width="100%">

                          <mx:List/>

                          <mx:Panel height="100%">

                                    <mx:HBox>

                                         <mx:DataGrid>

                                         <mx:HBox>

                                              <LineChart>

                                              <Legend>

                                         </mx:HBox>

                                    </mx:HBox>

                          </mx:Panel>

                     </mx:HBox>

                </mx:ViewStack>

                <mx:Panel width="20%" height="100%"/>
            </mx:HBox>

      </mx:Application> 

       

      Any help will be appreciated. Thanks. Bye.