p:scrollPanel inside p:tabView
Posted: 02 Apr 2012, 12:27
Hallo,
is there a particular reason why I cannot get a scrollPanel work in the second, third, etc tab of a p:tabView, which is inside a p:dialog ?
<p:dialog modal="true" widgetVar="dlg">
<p:tabView ...>
<p:tab title="tab1">
<p:scrollPanel style="height: 530px; width: 860px;">
<ui:include src="./../pub/sections/file1.xhtml" />
</p:scrollPanel>
</p:tab>
<p:tab title="tab2">
<p:scrollPanel style="height: 530px; width: 860px;">
<ui:include src="./../pub/sections/file1.xhtml" />
</p:scrollPanel>
</p:tab>
<p:tab title="tab3">
<p:scrollPanel style="height: 530px; width: 860px;">
<ui:include src="./../pub/sections/file1.xhtml" />
</p:scrollPanel>
</p:tab>
</p:tabView>
</p:dialog>
I can get the vertical scroll bar only for the first tab.
The reason why I am trying that is because I want the tabs to remain visible while scrolling down.
Moreover, is there a way to reset the vertical scrollbar so that is starts always at the top?
Many thanks
Luca
is there a particular reason why I cannot get a scrollPanel work in the second, third, etc tab of a p:tabView, which is inside a p:dialog ?
<p:dialog modal="true" widgetVar="dlg">
<p:tabView ...>
<p:tab title="tab1">
<p:scrollPanel style="height: 530px; width: 860px;">
<ui:include src="./../pub/sections/file1.xhtml" />
</p:scrollPanel>
</p:tab>
<p:tab title="tab2">
<p:scrollPanel style="height: 530px; width: 860px;">
<ui:include src="./../pub/sections/file1.xhtml" />
</p:scrollPanel>
</p:tab>
<p:tab title="tab3">
<p:scrollPanel style="height: 530px; width: 860px;">
<ui:include src="./../pub/sections/file1.xhtml" />
</p:scrollPanel>
</p:tab>
</p:tabView>
</p:dialog>
I can get the vertical scroll bar only for the first tab.
The reason why I am trying that is because I want the tabs to remain visible while scrolling down.
Moreover, is there a way to reset the vertical scrollbar so that is starts always at the top?
Many thanks
Luca