Insert a line break inside <p:commandButton />

Question

Basically I am simply trying to add a <br> (or something equivalent) to the "value" attribute of a <p:commandButton> like this:

<p:commandButton value="#{aBean.text}" /> <!-- #{aBean.text} returns for example "text1<br>text2" -->

Sadly, there is no possibility to set escape="false". Trying to add a custom converter didn't work, either. I have, without success, also tried to do it like this:

<p:commandButton> <h:outputText escape="false" value="#{aBean.text}" /> </p:commandButton>

In my opinion adding a simple line break should be easy enough, right? Does anyone have a solution for this?

BalusC · Accepted Answer · 2012-02-14 04:02:25Z

You need to use 
 which represents the XML entity reference for \n.

<p:commandButton value="text1&#10;text2" style="white-space: pre;" />

The white-space: pre; is mandatory on <p:commandButton>, but not on <h:commandButton>, because the PrimeFaces one generates it as a <button type="submit"><span> instead of a <input type="submit">.

Hi BalusC, the [style="white-space: pre;"] was indeed what I was missing. Thanks for the quick answer!

Collectives™ on Stack Overflow

Insert a line break inside <p:commandButton />

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related