pe:tooltip - how to style width

Community Driven Extensions Project
Post Reply
RueKow
Posts: 331
Joined: 21 Jun 2011, 23:34
Location: Germany - Wiesbaden

05 Oct 2012, 09:45

I want to show a string array with different string length in tooltip. The strings should not be wrapped.
I tried it as follows.

Code: Select all

<pe:tooltip for="gi1" myPosition="top left" atPosition="bottom right">
	<ui:repeat value="#{mlGewMitarbeiter.fehlertext}" var="fehler">
		<h:outputText value="#{fehler}" style="white-space:nowrap" />
		<br/>
	</ui:repeat>
</pe:tooltip>
My problem is, that all my strings will be truncated because tooltip seems to have a fixed width!
Rüdiger

PrimeFaces 11.0 | Ultima 2.0
Mojarra 2.3 | Tomcat 8/9 | Win7/10 | OS X 10.14

User avatar
Oleg
Expert Member
Posts: 3805
Joined: 02 Oct 2009, 09:41
Location: Germany, Black Forest

05 Oct 2012, 12:59

Set max-width. In PF Etxensions I did this for tooltips in the docu pane with

Code: Select all

.ui-tooltip {
    max-width: 400px;
}
PrimeFaces Cookbook (2. edition): http://ova2.github.io/primefaces-cookbook/ Learning Angular UI Development with PrimeNG: https://github.com/ova2/angular-develop ... th-primeng Blog: https://medium.com/@OlegVaraksin

RueKow
Posts: 331
Joined: 21 Jun 2011, 23:34
Location: Germany - Wiesbaden

05 Oct 2012, 13:11

It works. Thx very much! :P
Rüdiger

PrimeFaces 11.0 | Ultima 2.0
Mojarra 2.3 | Tomcat 8/9 | Win7/10 | OS X 10.14

Post Reply

Return to “Extensions”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 9 guests