Page 1 of 1

Notification panel topbar.xhtml

Posted: 10 Sep 2018, 18:36
by vished
Hi all,

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

Re: Notification panel topbar.xhtml

Posted: 11 Sep 2018, 08:51
by pevagatoz
I also got this one code, try a lot but not get success yet. I am also waiting this one here.

Re: Notification panel topbar.xhtml

Posted: 13 Sep 2018, 06:55
by huseyinT
You should examine our example.

You need to add display block.

Re: Notification panel topbar.xhtml

Posted: 18 Sep 2018, 08:50
by vished
Can you share code, please?