由于滚动条,eastpanel卡在中心后面

时间:2014-02-03 13:31:21

标签: jsf layout primefaces

我知道,很多次讨论过这种话题,但我找不到解决问题的方法。 我的布局有北面板,东面板,西面板和中心面板。

在我的东面板中,我使用accordionPanel。如果我的开放式手风琴选项卡的内容对于我的页面来说很大,则会在右侧呈现scrollbar。 但是这个scrollbar会导致布局问题,我的eastpanel的一小部分现在位于我的中心面板后面。

有没有办法阻止我的eastpanel在cnter面板后面,或者是否有可能使scrollbar不可见,但必须启用滚动。

此代码删除scrollbar,但也禁用了scolling。 代码:全选

<p:layoutUnit  position="east" size="420" header="#{labels.inspektor}" resizable="true" style="overflow:hidden !important;"> 
    <p:outputPanel id="eastPanel">                  
          <ui:include src="#{cmsEnviroment.cmsPages.get(cmsEastState.activePage)}" />                  
    </p:outputPanel>
</p:layoutUnit> 

希望有人能为我提示。

屏幕:

enter image description here

1 个答案:

答案 0 :(得分:0)

尚未解决,但找到了解决方法,暂时还可以:

<p:layoutUnit  position="east" size="420" header="#{labels.inspektor}" resizable="false" style="overflow:hidden !important;"> 
    <p:outputPanel id="eastPanel">
          <p:scrollPanel style="width:420px;height:810px" mode="native"> 
                <ui:include src="#{cmsEnviroment.cmsPages.get(cmsEastState.activePage)}" />
          </p:scrollPanel>
    </p:outputPanel>
</p:layoutUnit>