how to make p:tab auto fit height in p:accordionPanel

[heyoulin]

For this Showcase: http://www.primefaces.org:8080/prime-sh ... omplex.jsf
How to make left menu tab auto fit height in the accordionPanel? Like this Showcase I can't view all Menu 1.

[cagatay.civici]

Try setting fillSpace option to true.

[heyoulin]

It can't work. is it like this?

<p:layoutUnit id="left" position="left" width="300" resizable="true" closable="true" collapsible="true" header="Menu" minWidth="200">
<p:accordionPanel activeIndex="0" fillSpace="true">
<p:tab title="Menu 1">
<p:calendar mode="inline" close="false" navigator="none"/>
</p:tab>

<p:tab title="Menu 2">
<h:outputText value="Menu 2 Content" />
</p:tab>

<p:tab title="Menu 3">
<h:outputText value="Menu 3 Content" />
</p:tab>
</p:accordionPanel>
</p:layoutUnit>

[cagatay.civici]

I see what you mean now, try setting autoHeight to false then.

Code: Select all

<p:accordionPanel activeIndex="0" autoHeight="false">

That is also fixed in showcase but not deployed yet.

[heyoulin]

Now it works. Thanks. But now i want tab2 and tab3 move to accordionPanel's bottom when tab1 actived. When tab2 actived tab1 move to top and tab3 move to bottom...

So how to do this?