Component rendering problem in richfaces 4.0

[umesh123]

hello friends...

     I am using richfaces 4.0 for the portal development .But i am facing the component rendering problem how to solve this problem

while refreshing the page or the redirecting the page we face the problem of component rendering

Thanking you..

Regards

Umesh Annegirikar

[lfryc]

Hello Umesh,

could you please provide sample application (preferably in form of maven based minimal sample) when we can reproduce your issue?

Could you please provide us more details about environment you have used?

Thanks, Lukas

[umesh123]

Details of the environment

   1) richfaces 4.0.0

   2) Hibernate 3.6.2

   3) JSF 2.0.4

   4) Spring Framework 3.1.1

   5) MySql 5.5.11

Also this is code for which i am facing rendering issue for the tabs which are in the tabpanel:

the problem is that there are Add,delete,Upload From CSV,Upload from Excel,Download from CSV,Download From Excel,

whenever user clicks on the Add button then though there are no action defined for Add the tabs are rendered properly but without the clicking on the Add button the tabs can't render properly.

<rich:panel style="clear: both;" rendered="true">

            <rich:panel style="clear: both;" rendered="false"/>

            <rich:tabPanel switchType="client" rendered="true">

            <rich:tab header="Customer">

                   <table width="100%" align="center" class="new_bg">

                    <tr valign="top">

                      <td align="left" width="20%" valign="top">

                          <h:commandButton value="Add" style=""/>

                          <h:outputText value="   "/>

                          <h:outputText value="   "/>

                        <a4j:commandButton value="Delete" action="#{manageBean.deleteCustomer}" immediate="true">

                          <f:param name="VALIDATE" value="false" />

                        </a4j:commandButton>

                      </td>             

                      <td align="right" width="80%" valign="top">

                         <h:commandButton value="Excel Template Download" style="font-style:bold">

                         <rich:componentControl target="popup" operation="show" />

                         </h:commandButton>

                         <h:outputText value="  " />

                         <h:commandButton value="CSV Template Download">

                            <rich:componentControl target="popup" operation="show" />

                         </h:commandButton>

                         <h:outputText value="  " />

                         <h:commandButton value="Upload From Excel">

                            <rich:componentControl target="popup" operation="show" />

                         </h:commandButton>

                         <h:outputText value="  " />

                        <a4j:commandButton value="Upload From CSV"     action="uploadTest"    immediate="true" >

                            <f:param name="VALIDATE" value="false" />

                        </a4j:commandButton>

                         <h:outputText value="  " />

                      </td>

                    </tr>

                  </table>

                 <div style="height:200px ; width:100%; overflow:auto;">

                    <h:panelGroup rendered="#{manageBean.listStatus}">

                             <rich:dataTable id="customer_list" value="#{manageBean.customers}" var="customer" height="200px" style="width : 100%;">

                                <rich:column style="border-color: #FBEFEF; column-color: #EFFBF5">

                                    <f:facet name="header">

                                        <h:selectBooleanCheckbox value=" " />

                                    </f:facet>

                                    <input type="checkbox" name="#{customer.id}" value="#{customer.id}" />

                                </rich:column>

                                 <rich:column style="border-color: #FBEFEF;">

                                   <f:facet name="header">

                                        <h:outputText value="Id" />

                                    </f:facet>

                                    <h:outputText value="#{customer.id}" />

                                </rich:column>

                                <rich:column style="border-color: #FBEFEF">

                                    <f:facet name="header">

                                        <h:outputText value="Company" />

                                    </f:facet>

                                    <h:outputText value="#{customer.company}" />

                                </rich:column>

                                <rich:column style="border-color: #FBEFEF">

                                    <f:facet name="header">

                                        <h:outputText value="City"/>

                                    </f:facet>

                                    <h:outputText value="#{customer.city}" />

                                </rich:column>

                                <rich:column style="border-color: #FBEFEF">

                                    <f:facet name="header">

                                        <h:outputText value="Zip Code" />

                                    </f:facet>

                                    <h:outputText value="#{customer.zip}" />

                                </rich:column>

                                <rich:column style="border-color: #FBEFEF">

                                    <f:facet name="header">

                                        <h:outputText value="Country" />

                                    </f:facet>

                                    <h:outputText value="#{customer.country}" />

                                </rich:column>

                                <rich:column style="border-color: #FBEFEF">

                                    <f:facet name="header">

                                        <h:outputText value="Customer Since" />

                                    </f:facet>

                                    <h:outputText value="#{customer.customerSince}" />

                                </rich:column>

                               <rich:column style="border-color: #FBEFEF">

                                    <f:facet name="header">

                                        <h:outputText value="Sector Activity" />

                                    </f:facet>

                                    <h:outputText value="#{customer.sectorActivity}" />

                                </rich:column>

                           </rich:dataTable>

                           </h:panelGroup>

                        </div>

                        <h:panelGroup rendered="#{!manageBean.listStatus}" style="padding-right: 30px; padding-left: 30px; padding-top: 50px; padding-bottom: 50px; display: block; height: 200px;">

                            <br/>

                            <center>

                              <h:outputText value="Customer List is Empty." />

                            <br/><br/>

                            </center>

                        </h:panelGroup>

                    <h:outputText value="" />

            </rich:tab>

            <rich:tab header="Excluded Customer">

                   <table width="100%" align="center" class="new_bg">

                    <tr valign="top">

                      <td align="left" width="20%" valign="top">

                          <h:commandButton value="Add"/>

                          <h:outputText value="   "/>

                          <h:outputText value="   "/>

                          <h:commandButton value="Delete"/>

                      </td>

                      <td align="right" width="80%" valign="top">

                         <h:commandButton value="Excel Template Download" style="font-style:bold">

                         <rich:componentControl target="popup" operation="show" />

                         </h:commandButton>

                         <h:outputText value="  " />

                         <h:commandButton value="CSV Template Download">

                            <rich:componentControl target="popup" operation="show" />

                         </h:commandButton>

                         <h:outputText value="  " />

                         <h:commandButton value="Upload From Excel">

                            <rich:componentControl target="popup" operation="show" />

                         </h:commandButton>

                         <h:outputText value="  " />

                        <a4j:commandButton value="Upload From CSV"     action="uploadTest"    immediate="true" >

                            <f:param name="VALIDATE" value="false" />

                        </a4j:commandButton>

                         <h:outputText value="  " />

                      </td>

                    </tr>

                  </table>

                  <div style="height:200px ; width:100%; overflow:auto;">

                  <h:panelGroup rendered="#{manageBean.listStatus}">

                      <rich:dataTable id="customer_list1" value="#{manageBean.customers}" var="customer" style="width: 100%;">

                            <rich:column>

                                <f:facet name="header">

                                    <h:selectBooleanCheckbox value=" " />

                                </f:facet>

                                <h:selectBooleanCheckbox value=" " />

                            </rich:column>

                             <rich:column style="border-color: #FBEFEF; column-color: #EFFBF5">

                               <f:facet name="header">

                                    <h:outputText value="Id" />

                                </f:facet>

                                <h:outputText value="#{customer.id}" />

                            </rich:column>

                            <rich:column style="border-color: #FBEFEF">

                                <f:facet name="header">

                                    <h:outputText value="Company" />

                                </f:facet>

                                <h:outputText value="#{customer.company}" />

                            </rich:column>

                            <rich:column style="border-color: #FBEFEF">

                                <f:facet name="header">

                                    <h:outputText value="City"/>

                                </f:facet>

                                <h:outputText value="#{customer.city}" />

                            </rich:column>

                            <rich:column style="border-color: #FBEFEF">

                                <f:facet name="header">

                                    <h:outputText value="Zip Code" />

                                </f:facet>

                                <h:outputText value="#{customer.zip}" />

                            </rich:column>

                            <rich:column style="border-color: #FBEFEF">

                                <f:facet name="header">

                                    <h:outputText value="Country" />

                                </f:facet>

                                <h:outputText value="#{customer.country}" />

                            </rich:column>

                            <rich:column style="border-color: #FBEFEF">

                                <f:facet name="header">

                                    <h:outputText value="Customer Since" />

                                </f:facet>

                                <h:outputText value="#{customer.customerSince}" />

                            </rich:column>

                           <rich:column style="border-color: #FBEFEF">

                                <f:facet name="header">

                                    <h:outputText value="Sector Activity" />

                                </f:facet>

                                <h:outputText value="#{customer.sectorActivity}" />

                            </rich:column>

                       </rich:dataTable>

                       </h:panelGroup>

                    </div>

                    <h:panelGroup rendered="#{!manageBean.listStatus}" style="padding-right: 30px; padding-left: 30px; padding-top: 50px; padding-bottom: 50px; display: block; height: 200px;">

                        <br/>

                        <center>

                          <h:outputText value="Customer List is Empty." />

                        <br/><br/>

                        </center>

                    </h:panelGroup>

                <h:outputText value="" />

            </rich:tab>

        </rich:tabPanel>