JSF and MyFaces

Question

I'm trying to develop a site in JSF with the Studio Creator and use an existing stylesheet.
Problem: how to get the <div> structure into my JSF code. If i just do somethin like this:
<f:verbatim><div class="aboutbox"></f:verbatim>
<ui:staticText binding="#{includes$startPage.startPage_welcomeMessage}" escape="false" id="startPage_welcomeMessage" text="#{startPage.welcomeMessage}"/>
<f:verbatim></div></f:verbatim>This doesn't work. "the element <div> is missing the end-tag </div>..
So it seems the only way to get divs working is to use myFaces?
Has someone succesfully used myFaces with the Studio Creator (I read that its possible to use it, but without visual designer, that doesn't bother me..)
I'd appreciate any help or suggestions!

Answer 1

Drop a LayoutPanel on your page and move the StaticText into this panel. This results in something like
<ui:panelLayout binding="includes$startPage.layoutPanel1" id="layoutPanel1">
     <ui:staticText binding="#{includes$startPage.startPage_welcomeMessage}" escape="false" id="startPage_welcomeMessage" text="#{startPage.welcomeMessage}"/>
</ui:panelLayout>Now change the properties of the LayoutPanel. Set styleClass to "aboutbox".
Note: components of type LayoutPanel were rendered as <div> elements in HTML.