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

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: