Question

我是primefaces的新手，并试图实现通知栏，似乎通知栏只有两个默认部分：页面的左上角或左下角。知道如何更改此项以在自定义位置显示栏，比如按钮下方的某处？

提到了bolow展示示例： http://www.primefaces.org:8080/showcase/ui/panel/notificationBar.xhtml

这是我的代码：

<p:notificationBar effect="fade" style="color:blue;font-size:12px;width:200px;height:30px;background-color:transparent" widgetVar="bar" >
    <h:outputText value="Notifications" style="font-size:12px;background-color:transparent" />
</p:notificationBar>

Answer 1

您可以使用css定位它。它运作良好的afaics。至少从展示中的一点点测试看来。添加

#j_idt88.ui-notificationbar.ui-widget {
    top: 315px !important;
    width: 350px;
    left: 330px;
    position: absolute;
}

让它显示在按钮下方。 top需要很重要，因为我无法使用其他css特异性规则来应用它。

正如你所看到的，这都是非常基本的css ..了解这一点，你将来会在很多场合开心。

但是，为什么不使用覆盖面板？

将通知栏定位在primefaces中

1 个答案: