How do I put line break in p:tooltip

jQuery UI Widgets
Post Reply
Marissa20
Posts: 1
Joined: 11 Feb 2019, 08:37

20 Feb 2019, 07:51

How can I put a line break to the tooltip prime faces component to separate the first line from the second line?

Code: Select all

<p:tooltip id="toolTip" for="idButton" value="First line Second Line" position="top"/>
Top
barryallen1337
Posts: 1
Joined: 21 Aug 2019, 23:04

21 Aug 2019, 23:08

Why you're showing the message in an extra tooltip? Looks a bit strange.

Anyway, what you need is a <br/> where you want the line break and set escape="false" in your p:message.
message: shareit

Password should contain&#13;Minimum 8 characters&#13;1 <br/> Uppercase Password...
xhtml:

<p:message for="password1" escape="false"/>
https://get-vidmateapk.com
Top
smithclarkson02
Posts: 1
Joined: 18 Mar 2020, 04:22

18 Mar 2020, 04:25

To show the tooltip with a line break you have to put it like this

<p:tooltip for="...">
<h:outputText value="First line"/>
<br/> https://9Appsapk.vin https://VidMateapp.vin https://vlc.vin/
<h:outputText value="Second line"/>
</p:tooltip>
Or using PrimeFaces Extensions (pe:tooltip)

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:pe="http://primefaces.org/ui/extensions">
...

<pe:tooltip for="...">
<h:outputText value="First line <br/> Second line" escape="false" />
</pe:tooltip>
viewtopic.php?t=23196
Top
johnamaro
Posts: 3
Joined: 13 Sep 2020, 11:08

06 Jan 2021, 14:05

Marissa20 wrote: ↑
20 Feb 2019, 07:51
 How can I put a line break to the tooltip prime faces component to separate the first line from the second line?
ogwhatsapp

Code: Select all

<p:tooltip id="toolTip" for="idButton" value="First line Second Line" position="top"/>
You can also use First line<br/>Second Line as the direct content of the p:tooltip. So you don't have to put it in two h:outputTexts separated by a `<br/> (although you can). And see my other answer. Effectively making both solutions overly complex.
Top
ArturNoubel
Posts: 2
Joined: 20 Jan 2021, 18:17

21 Feb 2021, 12:13

johnamaro wrote: ↑
06 Jan 2021, 14:05
Marissa20 wrote: ↑
20 Feb 2019, 07:51
 How can I put a line break to the tooltip prime faces component to separate the first line from the second line?
192.168.o.1

Code: Select all

<p:tooltip id="toolTip" for="idButton" value="First line Second Line" position="top"/>
You can also use First line<br/>Second Line as the direct content of the p:tooltip. So you don't have to put it in two h:outputTexts separated by a `<br/> (although you can). And see my other answer. Effectively making both solutions overly complex.
Hello everyone.
Thanks for the valuable advice, I've been looking for this information for a long time!
Top
Post Reply

Return to “PrimeUI”

  • Information

  • Who is online

    Users browsing this forum: No registered users and 1 guest