Condition: The PanelGrid has one column and two rows. The width of the Panel Grid is 770px. Each row content a paragraph.When the UI is resize the text can wrap upto 500px, beyound this the text should not wrap.
Required: The text can wrap upto certain limit, e.g. upto 500px.
code snippet
<h
anelGrid columns="1" styleClass="explanatoryText"
columnClasses="paragraph">
<h
utputText id="explanatoryText1"
value="#{bundle.ExplanatoryText1}" />
<h
utputText id="explanatoryText2"
value="#{bundle.ExplanatoryText2}" />
</h
anelGrid>
Style class
.explanatoryText {
text-align: left;
font-weight: bold;
font-size: 9pt;
.paragraph {
text-align: left;
font-weight: bold;
font-size: 9pt;
width: 770px;
Is it possible to fixed the width of the Panel Grid upto which it can be minimize?
