-
1. Re: Using h:outputText with first-letter
ufonaut Mar 24, 2010 7:21 AM (in response to lenyas66)It might depend on where the outputText is.
http://http://www.w3schools.com/css/css_pseudo_elements.asp says :
Note: The "first-letter" pseudo-element can only be used with block-level elements.
-
2. Re: Using h:outputText with first-letter
lenyas66 Mar 24, 2010 11:07 AM (in response to ufonaut)Rob,
I think, you are right, but I tried it with block-level elements such as div or p and it looks really weird.
I hope, to avoid the need to put the first letter as a separate outputText, but if I have no choice...
The full code is as follows now:
<h:panelGrid id="hdrTab" columns="2" columnClasses="vaMidHaLeft, haRightVaMid">
<f:facet name="header" >
<div class="makeInvisible" id="ruleHeader"/>
</f:facet>
<h:panelGrid columns="2">
<h:outputText styleClass="headerFont" value="portfolio" />
<h:outputText styleClass="headerFont" value="insights" />
</h:panelGrid>
<h:graphicImage id="hdrImg" value="images/PI_logo_new.jpg"/>
</h:panelGrid>
-
3. Re: Using h:outputText with first-letter
chuckie474 Mar 26, 2010 4:29 PM (in response to lenyas66)Can you use layout="block"?
<h:panelGroup layout="block" styleClass="headerFont"><h:outputText value="portfolio" /></h:panelGroup>
<h:panelGroup layout="block" styleClass="headerFont"><h:outputText value="insights" /></h:panelGroup