Avoid word break at "messages" from topbar

Post Reply
Posts: 445
Joined: 02 Feb 2014, 17:38

15 Dec 2017, 02:47

Dear all,

I have a issue to avoid at huge textes a line break.
I tried the following but it´s not working:

Code: Select all

   white-space: nowrap;
   overflow: hidden;
   width: 100%;
   text-overflow: ellipsis;

Code: Select all

			<li><a href="#"> <i
					class="topbar-icon material-icons animated swing fa fa-fw fa-envelope-o"></i>
					<span class="topbar-badge animated rubberBand">5</span> <span
			</a> <p:repeat
					emptyMessage="Derzeit keine Nachrichten verfügbar">
					<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"
										<f:converter converterId="prettyTimeCustomConverter" />
									<h:outputText styleClass="shorten-long-text"
										value="#{messageReceiver.messageSender.text}" />
PF 8.0

Posts: 4121
Joined: 29 Jun 2013, 12:38

27 Dec 2017, 15:48

Could you please attach runnable code for us to replicate?

Post Reply

Return to “Morpheus - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest