Notification panel topbar.xhtml

Post Reply
vished
Posts: 233
Joined: 02 Feb 2014, 17:38

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:

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

pevagatoz
Posts: 1
Joined: 11 Sep 2018, 08:46
Location: New york
Contact:

11 Sep 2018, 08:51

I also got this one code, try a lot but not get success yet. I am also waiting this one here.

huseyinT
Posts: 118
Joined: 27 Mar 2016, 13:05

13 Sep 2018, 06:55

You should examine our example.

You need to add display block.

vished
Posts: 233
Joined: 02 Feb 2014, 17:38

18 Sep 2018, 08:50

Can you share code, please?

Post Reply

Return to “Morpheus - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests