MinimalComps Accordion question

Question

I'm making an application somewhat like a simplified photoshop app. I am using minimalcomps accordion component to make the layers list and have run into some difficulties.
What I want to do is have the accordion component with different heights depending on the content in each window. For example some layers might be a simple colour picker, and others could be text layers with more options. It seems that the accordion component uses uniform height for all windows.
I also have found when adding new windows using addWindowAt it seems to resize the whole accordion component. Originally it had a nice window area, but as soon as I add another window they all get resized to the minimum height
This is a cut down test case of my problem. I have 2 accordion components which are slightly different.
Note: you will need the font PF Ronda added to the project (users of minimal comps would already be familiar with this)
[CODE]package 
    // display
    import flash.display.*;
    import flash.events.Event;
    // bit101 components
    import com.bit101.components.*;
    public class NewClass extends Sprite
        private var myAccordion1:Accordion;
        private var myAccordion2:Accordion;
        public function NewClass()
            // style light or dark
            Style.setStyle(Style.LIGHT);
            /// panel 1
            var myPanel:Panel = new Panel(this, 0, 0);
            myPanel.setSize(340, 480);
            var addLayerBtn1:PushButton = new PushButton(myPanel, 10, 10, "+ 1", addLayer1);
            myAccordion1 = new Accordion(myPanel, 0, 120);
            myAccordion1.width = 340;
            myAccordion1.height = 360;
            // changing titles here from the default
            myAccordion1.getWindowAt(0).title = "Window 0";
            myAccordion1.getWindowAt(1).title = "Window 1";
            myAccordion1.addWindowAt("Added Window 2", 2);
            myAccordion1.addWindowAt("Added Window 3", 3);
            myAccordion1.addWindowAt("Added Window 4", 4);
            myAccordion1.addWindowAt("Added Window 5", 5);
            myAccordion1.addWindowAt("Added Window 6", 6);
            myAccordion1.addWindowAt("Added Window 7", 7);
            myAccordion1.addWindowAt("Added Window 8", 8);
            // a colour chooser component
            var colChoose:ColorChooser = new ColorChooser(myAccordion1.getWindowAt(0), 0, 0, 0xff0000, colourChanger);
            colChoose.name = "colChooseFrontMain";
            colChoose.usePopup = true;
            /// panel 2
            var myPanel2:Panel = new Panel(this, 600, 0);
            myPanel2.setSize(340, 480);
            var addLayerBtn2:PushButton = new PushButton(myPanel2, 10, 10, "+ 1", addLayer2);
            myAccordion2 = new Accordion(myPanel2, 0, 120);
            myAccordion2.width = 340;
            // height not set
        private function colourChanger():void
            // does nothing
        private function addLayer1(e:Event):void
            myAccordion1.addWindowAt("Added Window 9", 9);
        private function addLayer2(e:Event):void
            myAccordion2.addWindowAt("Added Window", 2);
}[/CODE]
when i create the accordion component (initially the component starts with 2 windows in it) i just renamed them and added some content to it
after i call either addWindow() or addWindowAt() - it then resizes all windows to the minimum window height which looks to be the same as the title bars height.
I can see in the documentation all sorts of height and width settings, but for the life of me I cant work out which one affects the height of the individual accordion boxes. Any hints/help/code would be greatly appreciated.

Answer 1

I'm making an application somewhat like a simplified photoshop app. I am using minimalcomps accordion component to make the layers list and have run into some difficulties.
What I want to do is have the accordion component with different heights depending on the content in each window. For example some layers might be a simple colour picker, and others could be text layers with more options. It seems that the accordion component uses uniform height for all windows.
I also have found when adding new windows using addWindowAt it seems to resize the whole accordion component. Originally it had a nice window area, but as soon as I add another window they all get resized to the minimum height
This is a cut down test case of my problem. I have 2 accordion components which are slightly different.
Note: you will need the font PF Ronda added to the project (users of minimal comps would already be familiar with this)
[CODE]package 
    // display
    import flash.display.*;
    import flash.events.Event;
    // bit101 components
    import com.bit101.components.*;
    public class NewClass extends Sprite
        private var myAccordion1:Accordion;
        private var myAccordion2:Accordion;
        public function NewClass()
            // style light or dark
            Style.setStyle(Style.LIGHT);
            /// panel 1
            var myPanel:Panel = new Panel(this, 0, 0);
            myPanel.setSize(340, 480);
            var addLayerBtn1:PushButton = new PushButton(myPanel, 10, 10, "+ 1", addLayer1);
            myAccordion1 = new Accordion(myPanel, 0, 120);
            myAccordion1.width = 340;
            myAccordion1.height = 360;
            // changing titles here from the default
            myAccordion1.getWindowAt(0).title = "Window 0";
            myAccordion1.getWindowAt(1).title = "Window 1";
            myAccordion1.addWindowAt("Added Window 2", 2);
            myAccordion1.addWindowAt("Added Window 3", 3);
            myAccordion1.addWindowAt("Added Window 4", 4);
            myAccordion1.addWindowAt("Added Window 5", 5);
            myAccordion1.addWindowAt("Added Window 6", 6);
            myAccordion1.addWindowAt("Added Window 7", 7);
            myAccordion1.addWindowAt("Added Window 8", 8);
            // a colour chooser component
            var colChoose:ColorChooser = new ColorChooser(myAccordion1.getWindowAt(0), 0, 0, 0xff0000, colourChanger);
            colChoose.name = "colChooseFrontMain";
            colChoose.usePopup = true;
            /// panel 2
            var myPanel2:Panel = new Panel(this, 600, 0);
            myPanel2.setSize(340, 480);
            var addLayerBtn2:PushButton = new PushButton(myPanel2, 10, 10, "+ 1", addLayer2);
            myAccordion2 = new Accordion(myPanel2, 0, 120);
            myAccordion2.width = 340;
            // height not set
        private function colourChanger():void
            // does nothing
        private function addLayer1(e:Event):void
            myAccordion1.addWindowAt("Added Window 9", 9);
        private function addLayer2(e:Event):void
            myAccordion2.addWindowAt("Added Window", 2);
}[/CODE]
when i create the accordion component (initially the component starts with 2 windows in it) i just renamed them and added some content to it
after i call either addWindow() or addWindowAt() - it then resizes all windows to the minimum window height which looks to be the same as the title bars height.
I can see in the documentation all sorts of height and width settings, but for the life of me I cant work out which one affects the height of the individual accordion boxes. Any hints/help/code would be greatly appreciated.