Not able to reduce height even i reduce the component height from owner height.

Hi expert,

Could you please let me know how i can reduce height when i close TextArea in my code?
Here is the issue:
when i expand CollapsableHeader-->if i close Command Description(TextArea)-->well owner height is decreasing(screen shot 3)-->but when i collapse and expand again CollapsableHeader-->i see more empty space(more height) added in the bottom(screen shot 4).

In screen shot 4, Could you plse let me know, how i can avoid more height in the bottom even if i close CommandDescription.

onClick of CollapsableHeader i am calling server. so in onResult(),even of i add these statements, height is not reducing

if(arrow1.source=="assets/plus_16.png")
                                    {
                                          this.height += cmdSuggestionHt;
                                          owner.height += cmdSuggestionHt;
                                    }
                                    if(arrow1.source=="assets/minus_16.png")
                                    {                                          
                                          this.height -= cmdSuggestionHt
                                          owner.height -= cmdSuggestionHt
                                    }

Please any suggestion?



img1.bmp
img2.bmp
img3.bmp
img4.bmp
AlpitaAsked:
Who is Participating?
 
dgofmanConnect With a Mentor Commented:
Your main problem is outisde CommandHelpComp component. You need just reduce height of parent holder:

<mx:VBox id="cmdbox5" resizeEffect="{resize}" width="700" height="500" backgroundColor="0xEEF9F8" horizontalScrollPolicy="off" verticalScrollPolicy="off">
    <comp:CommandHelpComp id="cmdHelpComp" imagevisibleFlag="false"/>
</mx:VBox>

Also do not reset height of textfield

if(arrow1.source=="assets/plus_16.png")
{
      tA1.setStyle("focusAlpha", 0)
      tA1.setFocus();
      arrow1.toolTip = "";
      //tA1.height=cmdSuggestionHt      
                     vSug.visible = true;
      vSug.includeInLayout = true;
      arrow1.source="assets/minus_16.png"
      owner.height += cmdSuggestionHt;
} else
{
      arrow1.toolTip = "Click to write suggestion"
      //tA1.height=0      
                      vSug.visible = false
      vSug.includeInLayout=false
      arrow1.source="assets/plus_16.png"
      owner.height -= cmdSuggestionHt;
}
0
 
AlpitaAuthor Commented:
Hi Experts,

This question belongs to Adobeflex Zone.

Regards,
Alpita
0
 
dgofmanCommented:
use maxHeight = 0; when you collapse and maxHeight = NaN for expand.
Do not modified a height parameter.
0
 
AlpitaAuthor Commented:
Thanks . It is working fine now.

Regards,
Alpita
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.