1 Reply Latest reply on Jun 10, 2008 2:44 PM by Mark LoSacco

    rich:panel and s:decorate cause me a trouble

    Nattapong Sirilappanich Newbie

      Help!!

      I'm using rich:panel to group related input field together.
      However, i create a template for decorating field and using s:decorate with each field.

      I expecting the rendered panel to cover every field within but it's not.

      The panel height is a little bit too short, some field are left out.

      :~

        • 1. Re: rich:panel and s:decorate cause me a trouble
          Mark LoSacco Newbie

          I have the same problem.
          Basically when I use nested rich:panel's along with s:decorate (using the seamgen generated display.xhtml template) my panels don't draw properly and things overlap.

          The display.xhtml looks like:

          <ui:composition xmlns="http://www.w3.org/1999/xhtml"
           xmlns:ui="http://java.sun.com/jsf/facelets"
           xmlns:h="http://java.sun.com/jsf/html"
           xmlns:f="http://java.sun.com/jsf/core"
           xmlns:s="http://jboss.com/products/seam/taglib">
          
           <div class="prop">
           <span class="name">
           <ui:insert name="label"/>
           </span>
           <span class="value">
           <ui:insert/>
           </span>
           </div>
          </ui:composition>
          


          And my page code looks like:
          <rich:panel>
           <s:div styleClass="pagetitle">
           Title Here
           </s:div>
          
           <rich:spacer height="10px"/>
           <rich:panel>
           <f:facet name="header">
           Header
           </f:facet>
          
           <s:decorate id="eventDateDecoration" template="layout/display.xhtml">
           <ui:define name="label">Date</ui:define>
           <h:outputText value="#{event.eventStart}">
           <s:convertDateTime type="date" dateStyle="short" />
           </h:outputText>
           </s:decorate>
          
           </rich:panel>
          
           <rich:spacer height="10px"/>
           <rich:panel>
           <f:facet name="header">Header 2
           </f:facet>
           </rich:panel>
          
          </rich:panel>
          


          The date field draws over top of the bottom of the panel, and the spacing between the first and second nested panels is almost gone.

          Seems like the span tags in the template are causing the problem.

          -Mark