Notification panel topbar.xhtml
Posted: 10 Sep 2018, 18:36
Hi all,
How Can I create a notification panel like in facebook.
For my following code, I got only one entry:
Thank you for help
How Can I create a notification panel like in facebook.
For my following code, I got only one entry:
Code: Select all
<li><a href="#"> <i
class="topbar-icon material-icons animated swing fa fa-fw fa-bell-o"></i>
<span class="topbar-badge animated rubberBand">5</span> <span
class="topbar-item-name">Notifcation</span>
</a>
<ul class="animated">
<li role="menuitem"><a href="#" class="topbar-message"> <h:outputText
styleClass="shorten-long-text"
value="No Notifcation" />
</a></li>
</ul>
<p:repeat
value="#{notificationRequestLast10EntriesNotLazyController.notificationList}"
rendered="#{notificationRequestLast10EntriesNotLazyController.notificationList != null}"
var="notification"
emptyMessage="No Notifcation">
<ul class="animated">
<li role="menuitem"><a href="#" class="topbar-message"> <p:graphicImage
name="images/avatar5.png" library="morpheus-layout" width="35" />
<h:outputText styleClass="shorten-long-text"
value="#{notification.createDate}">
<f:converter converterId="prettyTimeCustomConverter" />
</h:outputText> <h:outputText styleClass="shorten-long-text"
value="#{notification.createDate}" />
</a></li>
</ul>
</p:repeat></li>
Thank you for help