2016-12-02 54 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 
} 

我不认为,这将是更好的解决方案,目前,我解决了上述方式这个问题。