ICEfaces
  1. ICEfaces
  2. ICE-9803

Regression - ace:chart is not rendered correctly inside ace:dataTable and ace:tabSet

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: EE-3.3.0.GA_P01, 4.0.BETA
    • Fix Version/s: EE-3.3.0.GA_P02, 4.0
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
    • Assignee Priority:
      P3

      Description

      ace:chart is not rendered correctly in ace:dataTable and sparkleTabSet apps. (All browsers, not detectable by automation).
      Steps:
      - deploy the chart app.
      - go to 'http://localhost:8080/chart/chartAceTable.jsf' or 'http://localhost:8080/chart/chartSparkleTabset.jsf'
      1. chart2.PNG
        17 kB
      2. chartInAceDataTable.PNG
        31 kB
      3. chartInAceTabSet.PNG
        30 kB

        Activity

        Hide
        Carmen Cristurean added a comment -

        Attaching screenshots for Firefox26.

        Show
        Carmen Cristurean added a comment - Attaching screenshots for Firefox26.
        Hide
        Carmen Cristurean added a comment -

        This is also an issue with EE-3.3.0.GA_P01 release code.

        Show
        Carmen Cristurean added a comment - This is also an issue with EE-3.3.0.GA_P01 release code.
        Hide
        Mircea Toma added a comment -

        Modified test page to use ace:column 'styleClass' attribute to define column's style. Previously the style of the columns was defined on the ace:dataTable's 'columnClasses' which is an attribute that is not used anymore by the component.

        Show
        Mircea Toma added a comment - Modified test page to use ace:column 'styleClass' attribute to define column's style. Previously the style of the columns was defined on the ace:dataTable's 'columnClasses' which is an attribute that is not used anymore by the component.
        Hide
        Liana Munroe added a comment - - edited

        Retested the issue with the updated test application on maintenance branch using ace:column 'styleClass' attribute and the chart still renders incorrectly when in ace:dataTable and ace:tabSet. It is now pushed to the far left of the column. Please see screenshot chart2.PNG
        The demo for chart inside sparkle tabSet does not use an ace:column so this fix could not apply.

        Show
        Liana Munroe added a comment - - edited Retested the issue with the updated test application on maintenance branch using ace:column 'styleClass' attribute and the chart still renders incorrectly when in ace:dataTable and ace:tabSet. It is now pushed to the far left of the column. Please see screenshot chart2.PNG The demo for chart inside sparkle tabSet does not use an ace:column so this fix could not apply.
        Hide
        Ken Fyten added a comment -

        Re-opened as the chart layout issues remain.

        Assigned to Art, lower priority as I believe these issues are likely CSS styling related and could be resolved with some custom styling, or a change to the default chart styling.

        Also note that the ace:dataTable test change Mircea made has not been applied to the icefaces4/trunk version of the test yet.

        Show
        Ken Fyten added a comment - Re-opened as the chart layout issues remain. Assigned to Art, lower priority as I believe these issues are likely CSS styling related and could be resolved with some custom styling, or a change to the default chart styling. Also note that the ace:dataTable test change Mircea made has not been applied to the icefaces4/trunk version of the test yet.
        Hide
        Liana Munroe added a comment -

        Was able to resolve chart in sparkle tabSet layout issue by adding a style width specification to the chart itself.

        Show
        Liana Munroe added a comment - Was able to resolve chart in sparkle tabSet layout issue by adding a style width specification to the chart itself.
        Hide
        Liana Munroe added a comment -

        Legend Placement needed to be specified when ace:chart is inside ace:dataTable. No specification or using E or W resulted in the legend pushing the rest of the component off to the side. Issue is resolved and test apps updated accordingly.

        Show
        Liana Munroe added a comment - Legend Placement needed to be specified when ace:chart is inside ace:dataTable. No specification or using E or W resulted in the legend pushing the rest of the component off to the side. Issue is resolved and test apps updated accordingly.

          People

          • Assignee:
            Liana Munroe
            Reporter:
            Carmen Cristurean
          • Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: