2011-01-19 4 views
2

私は動的に含まれるページを含むモーダルパネルを持っています。このページには検索フォームが含まれています。検索ボタンをクリックすると、内容が表示されます。モダルパネルにスクロールを追加するには?

ページの高さは300px未満です。検索後、ページの高さは600ピクセル以上です。だから私は静的に高さを設定することはできません。検索時には、modalpanelの部分的な内容はブラウザに隠れています。だから私はページがブラウザよりも大きいときにスクロールバーを置く必要があります。

どうすれば実現できますか?

答えて

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; 
} 
+0

私は高さを置けばこんにちはJigar、Thxをあなたの迅速なreply.Butのために=「100」が、私はそこモーダルpanel.Isの高さを制限することなく、スクロールを取得する必要がありmodalpanel.Butの高さを制限しますその他の方法で? –

+0

*更新を確認** –

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" > 
     ... 
0

は、必要な高さを追加し、スタイルで豊かなmodalPanelへスクロールとして流れの上に設定してください。

<rich:modalPanel style="height:600px;overflow:scroll;"> 
関連する問題