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
              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.
              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.
              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

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: