2 Replies Latest reply on Oct 20, 2009 11:59 AM by vdeminico

    two cascading panel into a form component

    vdeminico

      Hi,
      I'm having problem using two rich panels inside a form component. Rendering the page, all the browser (ie, firefox and chrome) overlaps the two panels.


      This is my code:



      <ui:define name="body">
      
          <h:messages globalOnly="true" styleClass="message"/>
          
          <h:form id="registrationForm">
               <rich:panel id="datiStrutturaPanel">
                    <f:facet name="header">Dati Struttura</f:facet>
                    
                     <s:decorate id="descrizioneDecoration" template="layout/edit.xhtml">
                      <ui:define name="label">
                           <h:outputLabel for="descrizioneTextbox">Descrizione:</h:outputLabel>
                      </ui:define>
                      <h:inputTextarea id="descrizioneTextbox" rows="5" cols="50" required="false" value="#{attivita.descrizione}"/>
                     </s:decorate>
               
                
               </rich:panel>
               
               <br/><br/>
                
              <rich:panel id="datiLocalitaPanel">
                 
                  <f:facet name="header">Selezione Localita'</f:facet>
                    
                    <s:decorate id="regioneSelectDecoration" template="layout/edit.xhtml">
                      <ui:define name="label">
                           <h:outputLabel for="regioneSelect">Regione:</h:outputLabel>
                      </ui:define>
                   
                  <div style="clear:both"/>
                  
              </rich:panel>
              
      
              <div class="actionButtons">
                  <h:commandButton id="registration" value="registration" 
                          action="#{registration.registration}"/>                      
              </div>
      
          </h:form>
          
      </ui:define>
      
      




      is there any problem in my code??? maybe the two panel components cannot live inside the form...


      Thanks,
      Valerio.

        • 1. Re: two cascading panel into a form component
          oguzyalcin.oguzhanyalcin.gazi.edu.tr

          You can put anther <rich:panel> inside the from like below:




          <ui:define name="body">
          
              <h:messages globalOnly="true" styleClass="message"/>
              
              <h:form id="registrationForm">
          <rich:panel id="outterPanel">
                   <rich:panel id="datiStrutturaPanel">
                        <f:facet name="header">Dati Struttura</f:facet>
                        
                         <s:decorate id="descrizioneDecoration" template="layout/edit.xhtml">
                          <ui:define name="label">
                               <h:outputLabel for="descrizioneTextbox">Descrizione:</h:outputLabel>
                          </ui:define>
                          <h:inputTextarea id="descrizioneTextbox" rows="5" cols="50" required="false" value="#{attivita.descrizione}"/>
                         </s:decorate>
                   
                    
                   </rich:panel>
                   
                   <br/><br/>
                    
                  <rich:panel id="datiLocalitaPanel">
                     
                      <f:facet name="header">Selezione Localita'</f:facet>
                        
                        <s:decorate id="regioneSelectDecoration" template="layout/edit.xhtml">
                          <ui:define name="label">
                               <h:outputLabel for="regioneSelect">Regione:</h:outputLabel>
                          </ui:define>
                       
                      <div style="clear:both"/>
                      
                  </rich:panel>
                  
          
                  <div class="actionButtons">
                      <h:commandButton id="registration" value="registration" 
                              action="#{registration.registration}"/>                      
                  </div>
               </rich:panel>
              </h:form>
              
          </ui:define>



          • 2. Re: two cascading panel into a form component
            vdeminico

            Thanks for your reply... but nothing changes... the browser renders a page with the two panels correctly disposed and with ui components which seems not bound to the panel.


            Thanks,
            Valerio