1 2 Previous Next 18 Replies Latest reply on Nov 25, 2009 6:21 AM by jyothich

    Display issues with rich:extendedDataTable and rich:column

    dandausch

      I have a couple of display issues with this combination of rich:extendedDataTable and rich:column. I have attempted to tightly control the spacing of the data table hence the use of specific widths. I actually get both vertical and horizontal scroll bars. However, the second column is basically squished in even though i define the width as 80px. Any thoughts? Secondly, I have defined a sortBy for the first col. I thus receive the 'Group by this column' option on the drop downs for the column. It works very nicely however, the line that displays with the + and - to expand and contract the group is slightly cutoff. Any thoughts on how to manipulate/modify this?

      Here is my code:

      <rich:extendedDataTable border="0" cellpadding="1" cellspacing="0"
      columnClasses="columnClass1" headerClass="headerClass"
      footerClass="footerClass" rowClasses="rowClass1, rowClass2"
      id="table2" styleClass="dataTable"
      style="text-align: left; border-color:blue;"
      value="#{AcrViewController.aclsByAcr}" var="acls" rows="0"
      height="280px" width="730px">

      <rich:column id="acl_desc" headerClass="dataTableHeader"
      sortBy="#{acls.aclDesc}" width="200px" label="Access Level">
      <f:facet name="header">
      <h:outputText value="Access Level"/>
      </f:facet>
      <h:outputText id="text1" styleClass="outputText"
      value="#{acls.aclDesc}"></h:outputText>

      </rich:column>
      <rich:column id="corp_id" headerClass="dataTableHeader"
      width="80px" label="Corp Id">
      <f:facet name="header">
      <h:outputText value="Corp ID"/>
      </f:facet>
      <h:outputText id="text2" styleClass="outputText"
      value="#{acls.corpId}">
      </h:outputText>
      </rich:column>

      <rich:column id="last_nm" headerClass="dataTableHeader"
      width="90px" label="Last Nm">
      <f:facet name="header">
      <h:outputText value="Last Name"/>
      </f:facet>
      <h:outputText id="text3" styleClass="outputText"
      value="#{acls.lastNm}">
      </h:outputText>
      </rich:column>

      <rich:column id="first_nm" headerClass="dataTableHeader"
      width="90px" label="First Nm">
      <f:facet name="header">
      <h:outputText value="First Name"/>
      </f:facet>
      <h:outputText id="text4" styleClass="outputText"
      value="#{acls.firstNm}">

      </h:outputText>
      </rich:column>

      <rich:column id="primary_mgr" headerClass="dataTableHeader"
      width="150px" label="Manager">
      <f:facet name="header">
      <h:outputText value="Manager"/>
      </f:facet>
      <h:outputText id="text5" styleClass="outputText"
      value="#{acls.primaryMgr}">

      </h:outputText>
      </rich:column>

      <rich:column id="fid_dept" headerClass="dataTableHeader"
      width="170px" label="Company">
      <f:facet name="header">
      <h:outputText value="Company"/>
      </f:facet>
      <h:outputText id="text6" styleClass="outputText"
      value="#{acls.fidCoDept}">

      </h:outputText>
      </rich:column>

      </rich:extendedDataTable>

        • 1. Re: Display issues with rich:extendedDataTable and rich:colu
          dandausch

          I figured out at least part of the solution. I had to dig into the jar file: richfaces-ui-.3.3.0.GA. The xcss file: 'extendedDataTable' seemed to have what I needed. I added a section to my xhtml file and the definition: extdt-group-cell. I reduced the padding from 4px to 2px and that fixed the second issue. I had an additional question on css naming. It seems that my style class needed to be .extdt-group-cell to take effect. I assumed it needed to be .rich-extdt-group-cell but that did not work. Any thoughts?

          • 2. Re: Display issues with rich:extendedDataTable and rich:colu
            dandausch

            Sorry - my reply was cut off. I was able to resolve issue two by lifting the:

            .extdt-group-cell {
            height: 15px;
            padding:4px;
            background-color: #eeeeee;
            border-bottom: 1px #c0c0c0 solid;
            border-top: 1px #c0c0c0 solid;
            font-family: Arial,Verdana,sans-serif;
            font-size: 11px;
            }
            from the file: extendedDataTable.xcss and modifying it to in a style section of my xhtml file. By shrinking the padding I am able to get a better display. Why is the class called '.extdt-group-cell' and not '.rich-extdt-group-cell'? Can someone explain how these work? The style classes discussed in the do always have a rich- prefix.

            • 3. Re: Display issues with rich:extendedDataTable and rich:colu
              nbelaevski

              Hello,

              Sometimes component elements are missing complementary rich-* classes, that's a bug. I've posted JIRA issue: https://jira.jboss.org/jira/browse/RF-6477

              • 4. Re: Display issues with rich:extendedDataTable and rich:colu
                dandausch

                Thanks for the info about the bug. Still have an issue with the grouping row causing an display problem. Also see a dark, thick line at bottom of extdt that I can't seem to get rid of via Style settings. Any recommendations?

                • 5. Re: Display issues with rich:extendedDataTable and rich:colu
                  nbelaevski
                  • 6. Re: Display issues with rich:extendedDataTable and rich:colu
                    dandausch

                    I could try to reproduce. The only issue is the backing bean and corresponding data. What is involved to integrate that?

                    • 7. Re: Display issues with rich:extendedDataTable and rich:colu
                      nbelaevski

                      Is it possible to reproduce with the data already on demo? Grouping is already enabled there.

                      • 8. Re: Display issues with rich:extendedDataTable and rich:colu
                        dandausch

                        Sorry but I am not sure how would I do that? Pls provide more details. Thx.

                        • 9. Re: Display issues with rich:extendedDataTable and rich:colu
                          nbelaevski

                          I meant that you can check livedemo and then say something like: "First group by column City, scroll to the end; then you'll see the line behind footer, that's a bug". If you cannot reproduce this on livedemo, nevermind, just post the code to reproduce the problem here.

                          • 10. Re: Display issues with rich:extendedDataTable and rich:colu
                            dandausch

                            Thanks for the input. I am not seeing the same behavior with Live Demo. One difference may be that i need a vertical scroll due to screen real estate and the length of columns that need to be displayed. Thanks for the time. Here is my current code base:

                            <rich:tab label="AcrView">
                            <rich:panelBar height="440px" width="750px">
                            <rich:panelBarItem label="Approvals">
                            <h:outputText value="access level data here" style="font: menu;" />
                            </rich:panelBarItem>
                            <rich:panelBarItem label="Managed Access Levels">
                            <h:form>
                            <rich:extendedDataTable id="table2" value="#{AcrViewController.aclsByAcr}" var="acls" rows="0"height="310px" width="730px">
                            <f:facet name="header">
                            <h:outputText value="Managed Access Levels"/>
                            </f:facet>
                            <rich:column id="acl_desc"
                            sortBy="#{acls.aclDesc}" width="200px" label="Access Level">
                            <f:facet name="header">
                            <h:outputText value="Access Level"/>
                            </f:facet>
                            <h:outputText id="text1" style="font-weight:bold"
                            value="#{acls.aclDesc}"></h:outputText>

                            </rich:column>
                            <rich:column id="corp_id" width="70px" label="Corp Id">
                            <f:facet name="header">
                            <h:outputText value="Corp ID"/>
                            </f:facet>
                            <h:outputText id="text2" styleClass="MyOutputText"
                            value="#{acls.corpId}">
                            </h:outputText>
                            </rich:column>

                            <rich:column id="last_nm" headerClass="dataTableHeader"
                            width="80px" label="Last Nm">
                            <f:facet name="header">
                            <h:outputText value="Last Name"/>
                            </f:facet>
                            <h:outputText id="text3" styleClass="outputText"
                            value="#{acls.lastNm}">

                            </h:outputText>
                            </rich:column>

                            <rich:column id="first_nm" headerClass="dataTableHeader"
                            width="80px" label="First Nm">
                            <f:facet name="header">
                            <h:outputText value="First Name"/>
                            </f:facet>
                            <h:outputText id="text4" styleClass="outputText"
                            value="#{acls.firstNm}">

                            </h:outputText>
                            </rich:column>

                            <rich:column id="primary_mgr" headerClass="dataTableHeader"width="150px" label="Manager">
                            <f:facet name="header">
                            <h:outputText value="Manager"/>
                            </f:facet>
                            <h:outputText id="text5" styleClass="myText"
                            value="#{acls.primaryMgr}">

                            </h:outputText>
                            </rich:column>

                            <rich:column id="fid_dept" headerClass="dataTableHeader"
                            width="150px" label="Company">
                            <f:facet name="header">
                            <h:outputText value="Company"/>
                            </f:facet>
                            <h:outputText id="text6" styleClass="outputText"
                            value="#{acls.fidCoDept}">

                            </h:outputText>
                            </rich:column>
                            <f:facet name="footer"><h:outputText value=" test" /></f:facet>
                            </rich:extendedDataTable>

                            </h:form>
                            </rich:panelBarItem>

                            • 11. Re: Display issues with rich:extendedDataTable and rich:colu
                              pkawiak

                              Hello there!

                              I have added 'rich-extdt-group-cell' style to grouping row as you requested, I hope this will help.

                              "dandausch" wrote:
                              Also see a dark, thick line at bottom of extdt that I can't seem to get rid of via Style settings. Any recommendations?


                              Could you please be more specific about what dark line you mean? Maybe it's a footer? Please provide some screenshots - it will be easier to solve problem with them.

                              • 12. Re: Display issues with rich:extendedDataTable and rich:colu
                                dandausch

                                Sure, I would be glad to post of screen snapshot. How do I do this? I have SnagIt which enables me to capture it to a clipboard. Does not seem to be a way to paste that into a message body on this forum. Any suggestions?

                                • 13. Re: Display issues with rich:extendedDataTable and rich:colu
                                  dandausch

                                  Basically, it looks like the extended data table has a black background that hangs below its border. If you look at the source code I added a 'footer' with the text 'test'. This black area partially overlays this footer thus only see the top parts of the two t's.

                                  • 14. Re: Display issues with rich:extendedDataTable and rich:colu
                                    ilya_shaikovsky

                                    paste screens at any file sharing server and just post link there.

                                    1 2 Previous Next