ICEfaces
  1. ICEfaces
  2. ICE-10542

ICEfaces desktop showcase styling issues when viewed in simulator

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Trivial Trivial
    • Resolution: Fixed
    • Affects Version/s: EE-4.0.0.GA
    • Fix Version/s: EE-4.0.0.GA
    • Component/s: Sample Apps
    • Labels:
      None
    • Environment:
      ICEfaces EE-4.0.0 using simulator. Desktop showcase. All browsers.
    • Assignee Priority:
      P3
    • Affects:
      Sample App./Tutorial

      Description

      When viewed on simulator the top of the page has gaps and is missing some styling. See attached screen shots.

        Activity

        Liana Munroe created issue -
        Liana Munroe made changes -
        Field Original Value New Value
        Attachment iphone5Desktop1.PNG [ 18681 ]
        Attachment iphone5Desktop2.PNG [ 18682 ]
        Ken Fyten made changes -
        Assignee Arturo Zambrano [ artzambrano ]
        Fix Version/s EE-4.0.0.GA [ 11171 ]
        Priority Major [ 3 ] Trivial [ 5 ]
        Affects Sample App./Tutorial [ 10001 ]
        Assignee Priority P2 [ 10011 ]
        Hide
        Arturo Zambrano added a comment -

        This seems to be a limitation/issue of the simulator itself. The only issue is that the background header image is not being painted beyond the initial viewport. This is not a CSS issue, as the image itself (http://localhost:8080/showcase/javax.faces.resource/css/images/topBannerImages/showcaseHeaderBlank.png.jsf) is already wide enough for most screens (2240 pixels wide). This issue can be seen in all 6 simulated devices. I didn't see this issue in an actual Android phone and Nexus 7 tablet.

        Show
        Arturo Zambrano added a comment - This seems to be a limitation/issue of the simulator itself. The only issue is that the background header image is not being painted beyond the initial viewport. This is not a CSS issue, as the image itself ( http://localhost:8080/showcase/javax.faces.resource/css/images/topBannerImages/showcaseHeaderBlank.png.jsf ) is already wide enough for most screens (2240 pixels wide). This issue can be seen in all 6 simulated devices. I didn't see this issue in an actual Android phone and Nexus 7 tablet.
        Ken Fyten made changes -
        Assignee Arturo Zambrano [ artzambrano ] Philip Breau [ philip.breau ]
        Assignee Priority P2 [ 10011 ] P3 [ 10012 ]
        Hide
        Philip Breau added a comment -

        I think the issue is just with the styling of the showcase itself. This doesn't have much to do with the simulator. If you take any browser and narrow the window (without the simulator) you'll see the same thing.

        Show
        Philip Breau added a comment - I think the issue is just with the styling of the showcase itself. This doesn't have much to do with the simulator. If you take any browser and narrow the window (without the simulator) you'll see the same thing.
        Philip Breau made changes -
        Assignee Philip Breau [ philip.breau ] Arturo Zambrano [ artzambrano ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #44200 Wed Mar 11 09:35:13 MDT 2015 art.zambrano ICE-10542 changed width:100%; for a minimum width in the header div to allow the browser to extend the element beyond the initial viewport
        Files Changed
        Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/ice.samples.showcase/demo_template.css
        Hide
        Arturo Zambrano added a comment -

        r44200: changed width:100%; for a minimum width in the header div to allow the browser to extend the element beyond the initial viewport.

        Show
        Arturo Zambrano added a comment - r44200: changed width:100%; for a minimum width in the header div to allow the browser to extend the element beyond the initial viewport.
        Arturo Zambrano made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Hide
        Liana Munroe added a comment -

        Verified ICEfaces 4 trunk r44200, EE-4.0.0 r41137. Tomcat 7, ios 7, android 4.4.2 IE 11, FF 34, Chrome 40, using simulator all devices,

        Show
        Liana Munroe added a comment - Verified ICEfaces 4 trunk r44200, EE-4.0.0 r41137. Tomcat 7, ios 7, android 4.4.2 IE 11, FF 34, Chrome 40, using simulator all devices,
        Ken Fyten made changes -
        Security Private [ 10001 ]
        Ken Fyten made changes -
        Status Resolved [ 5 ] Closed [ 6 ]

          People

          • Assignee:
            Arturo Zambrano
            Reporter:
            Liana Munroe
          • Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: