PDA

View Full Version : Unable to modify Accordion Panel height



bhaumik_darji
10 Apr 2012, 10:52 PM
HI,
I have created accordion panel.
Inside accordion panel I have added 3 panel.
I need to modify each panel's height differently,
How do I set that?
Currently all pane's height is same

friend
11 Apr 2012, 4:46 AM
I think you have a basic misunderstanding of how an Accordion layout works. You can only set the height of the parent panel. The height of all child panels are managed by the Accordion layout.

Note this quote from the API documentation:



This is a layout that manages multiple Panels in an expandable accordion style such that only one Panel can be expanded at any given time.


The expanded panel's height is automatically managed by the Accordion layout to use the maximum space available for height.

bhaumik_darji
11 Apr 2012, 5:10 AM
Thanks,
So there is there any way that I can change height of accordion panel?

Or If I want to implement like that, how do I do that?

friend
11 Apr 2012, 6:05 AM
You can directly set the height of the parent container which uses the Accordion layout.

You could also use a Border layout where the center region panel uses an Accordion layout. This would cause the height of the Accordion panel to auto grow/shrink based on available space within the browser.