0 Replies Latest reply on Apr 25, 2011 8:21 AM by madhavi vaka

    regarding <rich:dataScroller>

    madhavi vaka Newbie

      Hi,

       

              I am using richfaces with jsf.I am <rich:dataScroller> with <rich:dataTable> . The paginator displaying correctly in firefox, chrome, IE8 also.But its dis[playing wrongly in IE7.Here i attached that screenshot.Please see that and help me how can i solve that issue?These are the styles i used.

       

       

      DIV.rich-datascr {

          background: none;

          border: 0px;

          padding: 0px;

          margin: 0px;

      }

       

      TABLE.rich-dtascroller-table {

          background: none;

          border: 0px;

          padding: 0px;

          margin: 0px;

       

      }

       

      TD.rich-datascr-button {

          background: none;

          padding: 0px;

          color: #45322e;

          border: 1px solid #666666;

          width: 18px;

          height: 18px;

       

       

      }

       

      TD.rich-datascr-inact {

          font-weight: bold;

          color: #45322e;

          border: 1px solid #666666;

          width: 18px;

          height: 18px;

      }

       

      TD.rich-datascr-act {

          background-color: #45322e;

          color: white;

       

          font-weight: bold;

          border: 1px solid #666666;

          width: 18px;

          height: 18px;

      }

       

       

      This is jsp page.

       

      <rich:dataTable id="contacts" var="contactDetails"

                      value="#{contactDetailsAction.getBusiness()}" rows="30" width="100%">

                      <f:facet name="footer">

                      <rich:datascroller align="left" for="contacts" boundaryControls="auto" fastControls="auto" stepControls="auto"/>

                  </f:facet>

                      <f:facet name="header">

                          <rich:columnGroup>

                              <rich:column width="15%">

                                  <h:outputText value="#{messages['label.businessName'] }" />

                              </rich:column>

                              <rich:column width="15%">

                                  <h:outputText value="#{messages['label.contactName'] }" />

                              </rich:column>

                              <rich:column width="15%">

                                  <h:outputText value="#{messages['label.contactNumber'] }" />

                              </rich:column>

       

                              <rich:column width="300px">

                                  <h:outputText value="#{messages['label.emailContacts'] }" />

                              </rich:column>

       

                              <rich:column width="300px">

                                  <h:outputText value="#{messages['label.smsNo'] }" />

                              </rich:column>

       

                          </rich:columnGroup>

                      </f:facet>

       

                      <rich:columnGroup>

                          <rich:column width="15%">

                              <h:outputText value="#{contactDetails.name}" />

                          </rich:column>

                          <rich:column width="15%">

                              <h:outputText value="#{contactDetails.manager}" />

                          </rich:column>

                          <rich:column width="15%">

                              <h:outputText value="#{contactDetails.mainPhone}" />

                          </rich:column>

                          <rich:column width="300px">

                              <rich:dataTable id="email" value="#{contactDetailsAction.getEmails(contactDetails)}" var="email" width="100%" >

                                  <rich:column style="width: 150px;">

                                      <h:outputText  value="#{contactDetailsAction.datatable(email.name)}"/>

                                  </rich:column>

                                  <rich:column style="width: 150px;">

                                      <h:outputText  value="#{contactDetailsAction.datatable(email.email)}"/>

                                  </rich:column>

                              </rich:dataTable>

                          </rich:column>

                          <rich:column width="300px">

                              <rich:dataTable id="smsContacts" value="#{contactDetailsAction.getSms(contactDetails)}" var="smsNo" width="100%" >

                                  <rich:column style="width: 40%;">

                                      <h:outputText value="#{contactDetailsAction.datatable(smsNo.name)}"    />

                                  </rich:column>

                                  <rich:column style="width: 60%;">

                                      <h:outputText  value="#{contactDetailsAction.datatable(smsNo.mobileNumber)}"/>

                                  </rich:column>

                              </rich:dataTable>

                          </rich:column>

                      </rich:columnGroup>

              </rich:dataTable>