richfaces modalPanel 添加滾動條

把rich:modalPanel當做是一個div看待。

如下:

<rich:modalPanel id="panel" style="height:500px;overflow-y:auto;overflow-x:hidden" autosized="true" minWidth="400" height="500">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="測試模式框"></h:outputText>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="/uilib/.../close.png" styleClass="hidelink" id="hidelink"/>
                <rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>
        <h:outputText value="22222222"></h:outputText>

         ...............

        <h:outputText value="22222222"></h:outputText>
    </rich:modalPanel>

上述代碼只是在使用rich:modalPanel時另外添加如下css:

height:500px;overflow-y:auto;overflow-x:hidden

這裏只讓垂直滾動條顯示,水平滾動條不顯示

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章