3 Replies Latest reply on Jul 4, 2008 1:24 PM by |>AoA<|_killa

    Tips for accordion-like control?

    |>AoA<|_killa
      I need to make a control much like the accordion standard in flex, but it needs to have scrollbars because it could contain alot of information. I made some sample pictures of how I would imagine it... :

      On the first image it shows the control when no item has been chosen:
      http://img388.imageshack.us/img388/4029/accordionlikecontrol1oh2.gif

      On the second image the first item has been chosen:
      http://img387.imageshack.us/img387/4331/accordionlikecontrol2hb2.gif

      I have no idea on how to implement the scrollbars on an accordion control. Any ideas?
        • 1. Re: Tips for accordion-like control?
          Gregory Lafrance Level 6
          I think the scrollbars appear automatically if necessary right?
          • 2. Re: Tips for accordion-like control?
            |>AoA<|_killa Level 1
            Not here: http://img92.imageshack.us/img92/3239/accordionproblemoc6.jpg

            The area with the red line around is the accordion control, but it seems that the controls inside the accordion control don't stay within the accordion.

            My code(excuse the formatting, its just example code):

            <mx:Accordion xmlns:mx=" http://www.adobe.com/2006/mxml" width="400" height="300">
            <mx:HBox label="" width="100%" height="100%">
            <mx:Label text="test">
            </mx:Label>
            </mx:HBox>
            <mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox><mx:HBox label="" width="100%" height="100%">
            </mx:HBox>
            </mx:Accordion>
            • 3. Re: Tips for accordion-like control?
              |>AoA<|_killa Level 1
              I'll just do it with a datagrid and an itemRenderer that, when clicked on, goes to a viewstate which shows the information of the item.