如何在modalpanel中添加滚动?

时间:2011-01-19 07:37:06

标签: java ajax jsf richfaces

我有一个模态面板,其中包含动态包含的页面。该页面包含搜索表单。点击搜索按钮后,它会显示内容。

页面高度最初小于300px。搜索后页面高度超过600px。所以我无法静态设置高度。在搜索时,模板面板部分内容隐藏在浏览器中。所以我需要在页面大于浏览器时放置滚动条。

我如何实现这一目标?

3 个答案:

答案 0 :(得分:5)

定义

<style>
.scroll_div{
 overflow: scroll;
 width:100%;
 height:100%;
}
</style>

并申请

<rich:modalPanel id="panel" width="350" height="100">
 <div class="scroll_div">

资料来源:http://community.jboss.org/message/66213

覆盖css模态面板

.rich-mpnl-panel {
    position: inherit;
}

答案 1 :(得分:0)

这段代码对我有用:

    .dr-mpnl-pnl {
        overflow: auto !important
    }

并添加此组件:

<rich:componentControl for="dynadetailModalPanel"
    attachTo="showPanelButton" operation="show" event="onclick" />

<rich:modalPanel id="dynadetailModalPanel" height="500" width="500" >
         ...

答案 2 :(得分:0)

添加所需的高度并将流量设置为滚动到样式中的丰富modalPanel。

<rich:modalPanel style="height:600px;overflow:scroll;">