2 Replies Latest reply on Jul 17, 2009 10:34 AM by tcflex

    the text area inside the accordion is not editable ?

    tcflex Level 1

      Hi,

       

      Please look in to the following code snippet. The text area inside the accordion is not editable even though after specifing editable - true. Even the style's were also not getting applied to the accordion.

       

      Thanks,

      tc.

       

       

       

       

       

       

      <mx:Accordion width="100%" height="30%" styleName="myAccordion">

       

       

       

       

       

      <mx:VBox horizontalAlign="center" verticalAlign="middle" height="30%" horizontalScrollPolicy="off"

      verticalScrollPolicy="

      off" width="100%">

       

       

       

       

       

      <mx:Form >

       

       

       

       

      <mx:FormItem label="Agent (optional)" styleName="attributeLabel">

       

       

       

       

      <mx:ComboBox id="channelAgentsComboBox" dataProvider="{allAgents}" labelField="agentID" styleName="attrbuteComboBox" width="120"/>

       

       

       

       

      </mx:FormItem>

       

       

       

       

      </mx:Form>

       

       

       

       

      <mx:FormItem>

       

       

       

       

      <mx:HBox horizontalAlign="right" verticalAlign="middle">

       

       

       

       

      <mx:Button label="Reset" styleName="attributeLabel" id="reset" click="resetHandler(event)"/>

       

       

       

       

      <mx:Button label="OK" styleName="attributeLabel" id="ok" click="okHandler(event)"/>

       

       

       

       

      </mx:HBox>

       

       

       

       

      </mx:FormItem>

       

       

       

       

       

      </mx:VBox>

       

       

       

       

      <mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">

       

       

       

       

      <mx:TextArea width="90%" editable="true" height="80%" borderStyle="solid"/>

       

       

       

       

      <mx:HBox horizontalAlign="left">

       

       

       

       

      <mx:Button label="Clear" height="20"/>

       

       

       

       

      </mx:HBox>

       

       

       

       

       

      </mx:VBox>

       

       

       

       

       

      </mx:Accordion>

       

       

       

      styles:

       

       

       

       

       

       

       

       

       

       

       

       

       

      .myAccordion

      {

       

       

      headerHeight: 19

      ;

       

       

      fillAlphas: 0.6, 0.55, 0.78, 0.65

      ;

       

       

      fillColors: #1d1663, #2d305d, #2d0f0f, #ad2e2e

      ;

       

       

      selectedFillColors: #0f5e83, #5293cc

      ;

       

       

      themeColor: #333333

      ;

       

       

      textRollOverColor: #f3f698

      ;

       

       

      textSelectedColor: #ffffff

      ;

       

       

      headerStyleName: "myaccordionHeader"

      ;

      }

       

       

       

      .myaccordionHeader

      {

       

       

      color: #ffffff

      ;