Hi,
I am trying to use tabView in the following manner
<ig:tabView> <ig:tabItem> <f:verbatim> <div style = "background-color:red;"> <h:outputText/> <ig:checkBox/> </div> </f:verbatim> </ig:tabItem></ig:tabView>
Note: All necessary attributes are given proper values.
Here tab appears properly with the div but the components dont appear(h:outputText and ig:checkBox )
And then i looked at the web tab samples in Infragistics site.
Tried the below version
<ig:tabView> <ig:tabItem> <f:verbatim> <div style = "background-color:red;"> </f:verbatim> <h:outputText/> <ig:checkBox/> <f:verbatim> </div> </f:verbatim> </ig:tabItem></ig:tabView>
But this also doesn't work, because Facelets expect the page to follow proper XML standards.
We get error from the SAX parser saying the div is not having /div in proper place.
How can we achieve the output in JSF facelets environment ?
Thanks
Hi Jansun,
You need <f:verbatim> tag for non-JSF content that appears in the page.
But if you are using Facelets, any time Facelets comes across static markup, it automatically creates a UIComponent to wrap the markup and output it during encoding.
The other thing is that you have perfectly XHTML compliant div element with opening and closing tag. So you don't need the <f:verbatim>.
Best regards
Thanks for the reply.
The reason i was trying to use f:verbatim in the facelets xhtml page is that, if i use tabView and tabItem tags and have content as below:
<ig:tabView> <ig:tabItem> <div style = "background-color:red;"> <h:outputText/> <ig:checkBox/> </div> </ig:tabItem></ig:tabView>
On initial load of the page, all tags (Both JSF components and plain html tas) get rendered properly. Once i switch to some other tabItem and then come back to this tab,
only the following gets rendered
<ig:tabItem> <h:outputText/> <ig:checkBox/> </ig:tabItem>
The plain html tag, div is not getting rendered during the AJAX call.
Is there a solution for this to make the plain HTML tag also get rendered inside tabs without using f:verbatim ?