ICEmobile
  1. ICEmobile
  2. MOBI-294

ensure pagePanel example in icemobilespring example, the header and footer don't overlap the menu

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 1.1 Beta
          • Fix Version/s: 1.1 Final
          • Component/s: Spring
          • Labels:
            None
          • Environment:
            icemobilespring icmobile spring jsf 2

            Description

            The current icemobilespring example of pagePanel has the header and footer extending across the entire page view. This overlaps the menu and does't allow the user to select the top and bottom menu selections. The pagePanel should just be shown on the example side of the menu. and should not affect the menu functionality.

              Activity

              Ascending order - Click to sort in descending order
              Judy Guglielmin created issue -
              Judy Guglielmin made changes -
              Field Original Value New Value
              Fix Version/s 1.1 Final [ 10343 ]
              Fix Version/s EE 1.1 [ 10339 ]
              Hide
              Permalink
              Ted Goddard added a comment -

              This is almost certainly due to iOS position:absolute bugs so will be tested again on iOS 6.

              Show
              Ted Goddard added a comment - This is almost certainly due to iOS position:absolute bugs so will be tested again on iOS 6.
              Ted Goddard made changes -
              Status Open [ 1 ] Resolved [ 5 ]
              Resolution Won't Fix [ 2 ]
              Assignee Steve Maryka [ steve.maryka ] Ted Goddard [ ted.goddard ]
              Steve Maryka made changes -
              Resolution Won't Fix [ 2 ]
              Status Resolved [ 5 ] Reopened [ 4 ]
              Assignee Ted Goddard [ ted.goddard ] Patrick Corless [ patrick.corless ]
              Hide
              Permalink
              Patrick Corless added a comment -

              The main problem here is that the pagePanel was intended to be the root element of the page and not a child of some other layout component. In the current case the navigation menu would need to have a margin (45px, 0 0 48px 0) applied to the main spring menu to avoid the overlap issue. It's pretty easy to add a page level css rule to add the margins to the menu but its proving to be a little more difficult to remove the css when navigating to another page.

              Show
              Patrick Corless added a comment - The main problem here is that the pagePanel was intended to be the root element of the page and not a child of some other layout component. In the current case the navigation menu would need to have a margin (45px, 0 0 48px 0) applied to the main spring menu to avoid the overlap issue. It's pretty easy to add a page level css rule to add the margins to the menu but its proving to be a little more difficult to remove the css when navigating to another page.
              Patrick Corless made changes -
              Assignee Patrick Corless [ patrick.corless ] Philip.breau [ philip.breau ]
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #30407 Wed Aug 08 10:47:03 MDT 2012 philip.breau MOBI-294 - ensure pagePanel example in icemobilespring example, the header and footer don't overlap the menu
              - on loading the pagePanel example a css class is added to the body tag that sets a 45px padding, on any navigation or page submit, this css class is removed
              Files Changed
              Commit graph MODIFY /icemobile/trunk/icemobile/samples/icemobilespring/src/main/webapp/WEB-INF/views/list.jsp
              Commit graph MODIFY /icemobile/trunk/icemobile/samples/icemobilespring/src/main/webapp/WEB-INF/views/home.jsp
              Commit graph MODIFY /icemobile/trunk/icemobile/samples/icemobilespring/src/main/webapp/resources/style.css
              Hide
              Permalink
              Philip Breau added a comment -

              Revision: 30407
              Author: philip.breau
              Date: August-08-12 1:47:03 PM
              Message:
              MOBI-294 - ensure pagePanel example in icemobilespring example, the header and footer don't overlap the menu

              • on loading the pagePanel example a css class is added to the body tag that sets a 45px padding, on any navigation or page submit, this css class is removed

                Modified : /icemobile/trunk/icemobile/samples/icemobilespring/src/main/webapp/WEB-INF/views/home.jsp
                Modified : /icemobile/trunk/icemobile/samples/icemobilespring/src/main/webapp/WEB-INF/views/list.jsp
                Modified : /icemobile/trunk/icemobile/samples/icemobilespring/src/main/webapp/resources/style.css

              Show
              Philip Breau added a comment - Revision: 30407 Author: philip.breau Date: August-08-12 1:47:03 PM Message: MOBI-294 - ensure pagePanel example in icemobilespring example, the header and footer don't overlap the menu on loading the pagePanel example a css class is added to the body tag that sets a 45px padding, on any navigation or page submit, this css class is removed Modified : /icemobile/trunk/icemobile/samples/icemobilespring/src/main/webapp/WEB-INF/views/home.jsp Modified : /icemobile/trunk/icemobile/samples/icemobilespring/src/main/webapp/WEB-INF/views/list.jsp Modified : /icemobile/trunk/icemobile/samples/icemobilespring/src/main/webapp/resources/style.css
              Philip Breau made changes -
              Status Reopened [ 4 ] Resolved [ 5 ]
              Resolution Fixed [ 1 ]
              Migration made changes -
              Status Resolved [ 5 ] Closed [ 6 ]

                People

                • Assignee:
                  Philip Breau
                  Reporter:
                  Judy Guglielmin
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  0 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: