Thank you both for the suggestions.

> > You can use an expression in binding braces. Try this, see if it
does
> > what you want:
> >
> > <mx:Panel height="{this.height/4}">

This could work if I computed the desired height during initialization
and set it, however, this would mean that I would need to update it each
time the
window was resized. Perhaps if it's possible I could bind the height to
a variable, initialize the variable to use the desired height, and then
add an event handler
to update the variable each time the height changes. This isn't the most
elegant solution, however.


> This should do the trick
>
> <?xml version="1.0" encoding="utf-8"?>
> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
> verticalGap="0" paddingTop="0" paddingBottom="0" width="600"
height="600">
>     <mx:Panel height="75%">
>         <mx:Text text="This panel should take up 75% of the
> application's height" />
>     </mx:Panel>
>     <mx:Panel id="my25panel" height="25%" layout="absolute"
> title="{100/(this.height/my25panel.height)}">
>         ...

This also was pretty close, but not quite the effect I was looking for.
Aside from needing to update the height after resizing, setting the
height this way caused a scrollbar to surround the accordion. My end
goal (I probably could have been more clear about this before...) is to
have the entire accordion fit on screen at all times and take up 30% of
the available space. Any overflow within a given accordion entry could
be handled with a scrollbar.

Thanks :)
Keith

Reply via email to