ICEfaces
  1. ICEfaces
  2. ICE-7606

Showcase App: MenuBar is not styled correctly in IE9

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 3.0.RC2
    • Fix Version/s: 3.0
    • Component/s: Sample Apps
    • Labels:
      None
    • Environment:
      ICEfaces3.0.0.RC2 Bundle 6 / ICEfaces3 Trunk Revision# 27000
      Server: Tomcat6
      Browser: IE9
    • Assignee Priority:
      P1

      Description

      See attached screenshot.
      1. IE8.png
        162 kB
      2. IE9.png
        78 kB
      3. menuBar.png
        140 kB

        Activity

        Cruz Miraback created issue -
        Cruz Miraback made changes -
        Field Original Value New Value
        Attachment menuBar.png [ 13897 ]
        Ken Fyten made changes -
        Salesforce Case []
        Fix Version/s 3.0 [ 10241 ]
        Fix Version/s 3.0.RC2 [ 10313 ]
        Assignee Priority P2
        Assignee Arturo Zambrano [ artzambrano ]
        Ken Fyten made changes -
        Security Private [ 10001 ]
        Ken Fyten made changes -
        Salesforce Case []
        Assignee Priority P2 P1
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #27115 Mon Jan 09 10:35:52 MST 2012 art.zambrano ICE-7606 added CSS rule to restore 100% width to ace:menuBar
        Files Changed
        Commit graph MODIFY /icefaces3/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/css/showcase_styles.css
        Hide
        Arturo Zambrano added a comment -

        Fixed at revision 27115.

        The problem was only in the app itself, not in the component. A change related to ICE-7540 had modified the width of all menus, including the menu bar, so another CSS rule was added to restore the width to 100% to the menu bar.

        Show
        Arturo Zambrano added a comment - Fixed at revision 27115. The problem was only in the app itself, not in the component. A change related to ICE-7540 had modified the width of all menus, including the menu bar, so another CSS rule was added to restore the width to 100% to the menu bar.
        Arturo Zambrano made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Hide
        Carmen Cristurean added a comment - - edited

        Tested fix with code revision 27120 in IE9, IE8, IE7, Firefox3.6.
        Re-opening because of the following issues:
        In IE9, the menuBar renders now vertically (all pages), and according to description on the page it must be horizontally oriented.(IE9.png attached)
        In IE8, the menuBar is not style correctly (IE8.png attached).

        Show
        Carmen Cristurean added a comment - - edited Tested fix with code revision 27120 in IE9, IE8, IE7, Firefox3.6. Re-opening because of the following issues: In IE9, the menuBar renders now vertically (all pages), and according to description on the page it must be horizontally oriented.(IE9.png attached) In IE8, the menuBar is not style correctly (IE8.png attached).
        Carmen Cristurean made changes -
        Attachment IE8.png [ 13957 ]
        Attachment IE9.png [ 13958 ]
        Carmen Cristurean made changes -
        Resolution Fixed [ 1 ]
        Status Resolved [ 5 ] Reopened [ 4 ]
        Hide
        Arturo Zambrano added a comment -

        I just re-tested this fix with revision 27120 and the problem is already solved. Note that the fix is in the showcase code itself, not in ACE. So, to test it, the showcase app has to be rebuilt and re-deployed. Also, make sure you correctly clear the browser's cache. This problem actually affected all browsers, because there was a CSS rule explicitly setting a narrow width to all menus.

        Show
        Arturo Zambrano added a comment - I just re-tested this fix with revision 27120 and the problem is already solved. Note that the fix is in the showcase code itself, not in ACE. So, to test it, the showcase app has to be rebuilt and re-deployed. Also, make sure you correctly clear the browser's cache. This problem actually affected all browsers, because there was a CSS rule explicitly setting a narrow width to all menus.
        Arturo Zambrano made changes -
        Status Reopened [ 4 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Hide
        Carmen Cristurean added a comment -

        Re-tested with revision 27126, in IE8 & IE9.
        Issue is fixed indeed, I had to clear the IE browser cache a few times to see the menuBar displayed horizontally.

        Show
        Carmen Cristurean added a comment - Re-tested with revision 27126, in IE8 & IE9. Issue is fixed indeed, I had to clear the IE browser cache a few times to see the menuBar displayed horizontally.
        Ken Fyten made changes -
        Status Resolved [ 5 ] Closed [ 6 ]

          People

          • Assignee:
            Arturo Zambrano
            Reporter:
            Cruz Miraback
          • Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: