如何在PrimeFaces對話框中移除滾動條？

我有AJAX加載模態對話框在我的webapp：如何在PrimeFaces對話框中移除滾動條？

<p:dialog widgetVar="statusDialog" modal="true" draggable="false" minimizable="false" appendToBody="true" 
    closable="false" header="Processing..." resizable="false" maximizable="false" style="overflow:hidden !important; overflow-x: hidden !important; width:auto;"> 
    <p:graphicImage library="assets" name="ajax-loader.gif" style="overflow:hidden !important; overflow-x: hidden !important;"></p:graphicImage> 
</p:dialog> 
<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>

無論是什麼CSS樣式（我試過溢/溢出-X等各種組合），我用它仍然顯示水平（垂直是隱藏的，沒有問題那裏）滾動條。我也玩過appendToBody屬性。

我需要禁用水平滾動條。

編輯：這是PrimeFaces呈現的HTML

<div id="j_idt18" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-overlay-hidden" style="overflow: hidden; width: auto; height: auto; left: 832px; top: 210px; visibility: hidden; z-index: 1003; display: block;" role="dialog" aria-labelledby="j_idt18_title" aria-hidden="true" aria-live="off"> 
<div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top"> 
<span id="j_idt18_title" class="ui-dialog-title">Processing...</span> 
</div> 
<div class="ui-dialog-content ui-widget-content" style="height: auto;"><img id="j_idt19" src="/webapp/do/javax.faces.resource/ajax-loader.gif?ln=assets" alt=""> 
</div> 
</div>

我已經能夠通過我自己的樣式表覆蓋默認對話框CSS擺脫滾動條：

.ui-dialog-content { 
    overflow: hidden !important; 
}

然而，這影響所有對話框，而不僅僅是加載ajax。我希望能夠在每個對話框的基礎上覆蓋該風格。我怎麼做？

來源

2013-02-22 rootkit

你試過這些樣式嗎？overflow-y：scroll; overflow-x：hidden;並嘗試反過來。 – 2013-02-22 16:29:46

@ComputerGeek，我試過「overflow-y：scroll」 - 顯示垂直滾動條。試過「overflow-x：hidden」，它不隱藏水平滾動條。 – rootkit 2013-02-22 16:40:53

查看此鏈接是否有助於http://social.technet.microsoft.com/Forums/en/sharepoint開發前期/thread/cb31085a-fa4e-4f38-b111-74ea0236dfa5 – 2013-02-22 16:46:01

在你statusDialog對話框中添加styleClass="disable-scroll"。

此外，創建CSS規則如下：

.disable-scroll .ui-dialog-content { 
    overflow: hidden !important; 
}

這將適用於CSS所有對話框這個自定義類。

來源

2013-02-28 13:07:33 partlov

中添加了呈現的HTML這確實有效。謝謝！ – rootkit 2013-02-28 14:52:56

不客氣。 – partlov 2013-02-28 14:53:25

如何在PrimeFaces對話框中移除滾動條？

回答

相關問題