good tip, thanks- i've already noticed that panels and canvases act very differently here- switching the nested component from a panel to a canvas automatically fixed the scrolling issue with the accordion.
thanks, d. On Thu, Nov 20, 2008 at 12:49 PM, Tracy Spratt <[EMAIL PROTECTED]>wrote: > Containers have their scrollPolicy="auto" by default. Anytime I have > scroll issues, which is almost always, I start by setting the scrollPolicy > (horizontal and Vertical) to "off" on ALL containers at every level. Then I > enable scrolling on the one I want. > > > > Theoretically, one could control scrollbars by thoroughly understanding the > Flex layout process, but it gets pretty complex with nested containers. > There are also default paddings and gaps and so forth that make it hard to > get the sizing of everything correct. And it is sometimes hard to tell > which dimension is the problem, because one scroll bar can cause the > appearance of the other dimension scrollbar. But with scrolling off, you > can see pretty quickly when something is clipped, and adjust accordingly > > > > Tracy > > > ------------------------------ > > *From:* [email protected] [mailto:[EMAIL PROTECTED] *On > Behalf Of *Derrick Anderson > *Sent:* Thursday, November 20, 2008 11:49 AM > *To:* [email protected] > *Subject:* [flexcoders] nested containers, forcing inner contents to > scroll > > > > hi everyone, > > i have a few parts of my app where there are composite components that > create their own children, when i use an accordion for example (but it > happens in many places), and create the children with script- the container > holding the accordion scrolls, not the accordion children themselves- for > example: > > <mx:Panel width="100%"> > <mx:Accordion id="questionAccordion" width="100%" height="100%"> > > </mx:Accordion> > </mx:Panel> > > i'm expecting the accordion to take up the full available space in the > panel. > > then i add children to the accordion > > private function init():void > { > for(var i:Number=0;i<page.questions.length;i++){ > var q1:Question = new Question(); > q1.question = page.questions[i]; > q1.editable = editable; > q1.percentWidth = 100; > questionAccordion.addChild(q1); > } > } > > what happens is the bottom of the accordion is now cut off and u have to > scroll the panel to see it, because the created childrens' contents are > taller than the viewable area. I want the accordion to take up 100% height > like i told it and the inner contents of the accordion to scroll if they are > too tall. i hope that all made sense, it's really frustrating and kinda > hard to explain. > > thanks, > d. > > >
