ICEmobile
  1. ICEmobile
  2. MOBI-1146

mobi:deviceResource - Device CSS is always loaded last

          Details

          • Type: Bug Bug
          • Status: Resolved
          • Priority: Major Major
          • Resolution: Cannot Reproduce
          • Affects Version/s: EE 1.3.1.GA_P01
          • Fix Version/s: None
          • Component/s: Faces
          • Labels:
            None
          • Environment:
            ICEfaces EE 3.3.0 P02/P03, ICEmobile 1.3.1

            Description

            When the mobi:deciveResource tag is used it is loading it's reources last in the head tag. This is causing issues when an application CSS is required. The application CSS is no longer last in the CSS files which prevents styling to be customized.

            This is an issue with the P02 release and up. In this release the CSS files and JavaScript files were grouped together. The mobi:deviceResource tag doesn't follow these new rules.

              Activity

              Ascending order - Click to sort in descending order
              Arran Mccullough created issue -
              Hide
              Permalink
              Arran Mccullough added a comment -

              Attached source code for test case that shows this issue.

              Show
              Arran Mccullough added a comment - Attached source code for test case that shows this issue.
              Arran Mccullough made changes -
              Field Original Value New Value
              Attachment Case13493Example.zip [ 20485 ]
              Hide
              Permalink
              Arran Mccullough added a comment -

              With the attached source code the following is rendered. The first bold line is the custom CSS file. The next one is the one rendered from the deviceResource.

              <head>

              <title></title>
              <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/jquery/ui/jquery-ui.css.jsf?ln=icefaces.ace&v=3_3_0_150528"></link>
              <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/themes/sam/theme.css.jsf?ln=icefaces.ace&v=3_3_0_150528"></link>
              <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/util/combined.css.jsf?ln=icefaces.ace&v=3_3_0_150528"></link>
              <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/core.css.jsf?ln=ice.core&v=3_3_0_150528"></link>
              <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/newStyle.css.jsf?ln=css&v=3_3_0_150528"></link>
              <script type="text/javascript" src="/Case13493Example/javax.faces.resource/jsf.js.jsf?ln=javax.faces&stage=Development&v=3_3_0_150528"></script>
              <script type="text/javascript" src="/Case13493Example/javax.faces.resource/bridge.uncompressed.js.jsf?ln=ice.core&v=3_3_0_150528"></script>
              <script type="text/javascript" src="/Case13493Example/javax.faces.resource/util/ace-jquery.uncompressed.js.jsf?ln=icefaces.ace&v=3_3_0_150528"></script>
              <script type="text/javascript" src="/Case13493Example/javax.faces.resource/icefaces-ee.js.jsf?ln=ice.core.ee&v=3_3_0_150528"></script>
              <script type="text/javascript" src="/Case13493Example/javax.faces.resource/head-update-test.js.jsf?ln=ice.core&v=3_3_0_150528"></script>
              <script type="text/javascript" src="/Case13493Example/javax.faces.resource/util/ace-components.uncompressed.js.jsf?ln=icefaces.ace&v=3_3_0_150528"></script>
              <script type="text/javascript" src="/Case13493Example/javax.faces.resource/component.js.jsf?ln=org.icefaces.component.util&v=3_3_0_150528"></script>
              <link type="image/x-icon" rel="icon" href="/Case13493Example/resources/images/favicon.ico"></link>
              <link type="image/x-icon" rel="shortcut icon" href="/Case13493Example/resources/images/favicon.ico"></link>
              <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/iphone.css.jsf?ln=org.icefaces.component.skins&v=3_3_0_150528"></link>
              <script type="text/javascript"></script>
              </head>

              Show
              Arran Mccullough added a comment - With the attached source code the following is rendered. The first bold line is the custom CSS file. The next one is the one rendered from the deviceResource. <head> <title></title> <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/jquery/ui/jquery-ui.css.jsf?ln=icefaces.ace&v=3_3_0_150528"></link> <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/themes/sam/theme.css.jsf?ln=icefaces.ace&v=3_3_0_150528"></link> <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/util/combined.css.jsf?ln=icefaces.ace&v=3_3_0_150528"></link> <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/core.css.jsf?ln=ice.core&v=3_3_0_150528"></link> <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/newStyle.css.jsf?ln=css&v=3_3_0_150528"></link> <script type="text/javascript" src="/Case13493Example/javax.faces.resource/jsf.js.jsf?ln=javax.faces&stage=Development&v=3_3_0_150528"></script> <script type="text/javascript" src="/Case13493Example/javax.faces.resource/bridge.uncompressed.js.jsf?ln=ice.core&v=3_3_0_150528"></script> <script type="text/javascript" src="/Case13493Example/javax.faces.resource/util/ace-jquery.uncompressed.js.jsf?ln=icefaces.ace&v=3_3_0_150528"></script> <script type="text/javascript" src="/Case13493Example/javax.faces.resource/icefaces-ee.js.jsf?ln=ice.core.ee&v=3_3_0_150528"></script> <script type="text/javascript" src="/Case13493Example/javax.faces.resource/head-update-test.js.jsf?ln=ice.core&v=3_3_0_150528"></script> <script type="text/javascript" src="/Case13493Example/javax.faces.resource/util/ace-components.uncompressed.js.jsf?ln=icefaces.ace&v=3_3_0_150528"></script> <script type="text/javascript" src="/Case13493Example/javax.faces.resource/component.js.jsf?ln=org.icefaces.component.util&v=3_3_0_150528"></script> <link type="image/x-icon" rel="icon" href="/Case13493Example/resources/images/favicon.ico"></link> <link type="image/x-icon" rel="shortcut icon" href="/Case13493Example/resources/images/favicon.ico"></link> <link type="text/css" rel="stylesheet" href="/Case13493Example/javax.faces.resource/iphone.css.jsf?ln=org.icefaces.component.skins&v=3_3_0_150528"></link> <script type="text/javascript"></script> </head>
              Ken Fyten made changes -
              Project ICEfaces [ 10021 ] ICEmobile [ 10060 ]
              Key ICE-10759 MOBI-1146
              Affects Version/s EE 1.3.1.GA_P01 [ 11670 ]
              Affects Version/s EE-3.3.0.GA_P02 [ 11371 ]
              Affects Version/s EE-3.3.0.GA_P03 [ 11572 ]
              Component/s Faces [ 10062 ]
              Component/s MOBI-Components [ 10270 ]
              Ken Fyten made changes -
              Assignee Philip Breau [ philip.breau ]
              Hide
              Permalink
              Philip Breau added a comment -

              This issue was fixed in http://jira.icesoft.org/browse/MOBI-700 . We need to make sure that they have these changes on their custom branch and have the necessary configuration in their application.

              Show
              Philip Breau added a comment - This issue was fixed in http://jira.icesoft.org/browse/MOBI-700 . We need to make sure that they have these changes on their custom branch and have the necessary configuration in their application.
              Philip Breau made changes -
              Status Open [ 1 ] Resolved [ 5 ]
              Resolution Cannot Reproduce [ 5 ]

                People

                • Assignee:
                  Philip Breau
                  Reporter:
                  Arran Mccullough
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: