rookpsu
05-14-2008, 11:14 PM
A have an accordion in a Vbox. the Vbox takes different widths - and with it the accordion - based on the selected index of the accordion (i.e. if the first tab is selected the width of accordion and vbox is 100, if 2, 150, ect...) There is also a panel to the right that is swapped in and out depending on the tabs and because I have a bunch of changes it is setup with states and transitions. The only transition I am using is the Resize effect.
Everything works flawlessly EXCEPT the headers of the accordion.
When the vbox that the accordion sits in is expanded the accordion resize action lags behind and when it is shrunk it looks even worse as the elongated panels sit momentarily hovering over other elements while it's parent has already returned to the smaller size.
I've tried using states, not using states, tying EVERY child container to the state, using percentages, using absolute pixel values, and more but nothing seems to work.
These images might help. This is when the vbox is shrinking.
Before:
http://www.synergration.com/images/flex1.gif
Mid:
http://www.synergration.com/images/flex2.gif
After:
http://www.synergration.com/images/flex3.gif
If anyone has ANY idea, or even a hunch, please let me know.
Everything works flawlessly EXCEPT the headers of the accordion.
When the vbox that the accordion sits in is expanded the accordion resize action lags behind and when it is shrunk it looks even worse as the elongated panels sit momentarily hovering over other elements while it's parent has already returned to the smaller size.
I've tried using states, not using states, tying EVERY child container to the state, using percentages, using absolute pixel values, and more but nothing seems to work.
These images might help. This is when the vbox is shrinking.
Before:
http://www.synergration.com/images/flex1.gif
Mid:
http://www.synergration.com/images/flex2.gif
After:
http://www.synergration.com/images/flex3.gif
If anyone has ANY idea, or even a hunch, please let me know.