2016-12-02 37 views
1

我使用PrimeFaces 6,並希望對話定位在最前面:PrimeFaces DialogFramework頂部定位

options.put("position", "top");

然而,這是行不通的。有什麼方法可以將對話框置於頂端?

我很絕望,現在

回答

-1

按Primefaces用戶指南6.0

位置

默認對話框位於視和位置選項的中心是用來改變 對話框的位置。可能的值是;

•像「中心」,「左」,「右」,「頂」,代表 視口內的位置「底部」單一字符串值。

•逗號分隔的x和y座標等200個值,500

•逗號分隔像「頂部」,「右」位置值。 (使用的組合時,使用單引號)

一些實施例描述如下;

<p:dialog position="top" ...> 

<p:dialog position="left,top" ...> 

<p:dialog position="200,50" ...> 
+0

然而,這並不使用對話框架工作;( – matthias

+0

我看到是從配置選項對話框框架三個完整列表是沒有位置有你有試圖做的CSS這一點。。? – Fritz

1

我知道,你想設置的位置primefaces外部對話(對話框架)。 不能style or css到對話,因爲這是由ifram包裹。

但是,它是確定應用css所產生div。這div id爲formId + commendLinkId or commendButtonId + _dlg

<h:form id="myForm"> 

    <p:commandButton id="myDialgoBtm" value="Select" action="...." immediate="true"> 
     <p:ajax ..../> 
    </p:commandButton> 

</h:form> 

客戶端/布勞爾源

<div id="myForm:myDialogBtn_dlg" ..> 
    <div ....> 
     //this is bor title bar of dialog 
    </div> 
    <div ....> 
     //this is bor content of dialog 
     <ifarm ....> 
      //here your external dialog page     
     </ifarm> 
    </div> 
</div> 

若有,dividmyForm:myDialogBtn_dlg。你可以在瀏覽器中檢查。

範例CSS爲你的對話

#myForm\:myDialogBtn_dlg { 
    top: 0px!important 
} 

我不認爲,這將是更好的解決方案,目前,我解決了上述方式這個問題。