Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Upgraded from 2.5 Nightly to Final release images aren't showing

    SmartGWT 2.5 Final
    Firefox 5

    I'm using EnterpriseBlue as I have since it was released but with this release images are missing am I missing something in my configuration that would have changed from the 2.5 nightly on 7/19/2011?

    I have the same html setup as the Showcase, I confirmed this with the 2.5 showcase the only difference is that I default EnterpriseBlue instead of Enterprise.

    My gwt.xml inherits these:
    Code:
    <inherits name="com.smartgwt.SmartGwtNoScript"/>
    <inherits name="com.smartgwt.tools.SmartGwtTools"/>
    <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlue"/>
      <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlueResources"/>
    My Jetty Console shows that the load_skin.js is coming from EnterpriseBlue then I start seeing these 404 errors.

    00:00:30.647 [WARN] 404 - GET /eonedashboard/sc/skins/standard/images/Tab/top/baseline_start.gif (172.28.32.76) 1451 bytes
    00:00:30.647 [WARN] 404 - GET /eonedashboard/sc/skins/standard/images/Tab/top/tab_Selected_stretch.gif (172.28.32.76) 1457 bytes

    etc...

    #2
    Run a GWT compile, Eclipse sometimes forgets to copy resources.

    Comment


      #3
      Originally posted by Isomorphic
      Run a GWT compile, Eclipse sometimes forgets to copy resources.
      I ran the gwtc outside of MyEclipse and then opened MyEclipse, performed a refresh of the project (F5) and tried again to run the application and still no images, even the SmartGWT Dev Console is missing images and hardly anything shows in it.

      Comment


        #4
        It looks like you must be loading two themes, since EnterpriseBlue uses png media for TabSets, not .gif. This should be visible as two different load_skin.js files being loaded. See the instructions in the QuickStart Guide for correctly switching themes.

        Comment


          #5
          <inherits name="com.smartgwt.SmartGwtNoScript"/>
          <inherits name="com.smartgwt.tools.SmartGwtTools"/>
          <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlue"/>
          <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlueResources"/
          Does your host html file have the JS includes (like the showcase sample)? If so, remove the module EnterpriseBlue and call load_skin.js from your host html file.

          Comment


            #6
            Originally posted by smartgwt.dev
            Does your host html file have the JS includes (like the showcase sample)? If so, remove the module EnterpriseBlue and call load_skin.js from your host html file.
            I removed the EnterpriseBlue one and just left :
            Code:
            <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlueResources"/>
            I still get the same issue but here is every line from the Jetty Console down to where the standard images start to load, I hope it helps :

            Code:
            00:00:00.000 [INFO] 200 - GET /eOneDashboard.html?gwt.codesvr=172.28.32.76:9997 (172.28.32.76) 4637 bytes
            00:00:00.022 [INFO] 200 - GET /eOneDashboard.css (172.28.32.76) 1628 bytes
            00:00:00.027 [INFO] 200 - GET /fckeditor/fckeditor.js (172.28.32.76) 9606 bytes
            00:00:00.034 [INFO] 200 - GET /eonedashboard/sc/modules/ISC_Containers.js (172.28.32.76) 120991 bytes
            00:00:00.037 [INFO] 200 - GET /eonedashboard/sc/modules/ISC_RichTextEditor.js (172.28.32.76) 37849 bytes
            00:00:00.039 [INFO] 200 - GET /eonedashboard/sc/modules/ISC_Foundation.js (172.28.32.76) 220989 bytes
            00:00:00.041 [INFO] 200 - GET /eonedashboard/sc/modules/ISC_DataBinding.js (172.28.32.76) 503348 bytes
            00:00:00.047 [INFO] 200 - GET /eonedashboard/sc/modules/ISC_Forms.js (172.28.32.76) 594441 bytes
            00:00:00.049 [INFO] 200 - GET /eonedashboard/eonedashboard.nocache.js (172.28.32.76) 5447 bytes
            00:00:00.050 [INFO] 200 - GET /eonedashboard/sc/modules/ISC_Calendar.js (172.28.32.76) 102082 bytes
            00:00:00.051 [INFO] 200 - GET /eonedashboard/sc/modules/ISC_Core.js (172.28.32.76) 686279 bytes
            00:00:00.051 [INFO] 200 - GET /eonedashboard/sc/modules/ISC_Grids.js (172.28.32.76) 728298 bytes
            00:00:00.575 [INFO] 200 - GET /eonedashboard/sc/skins/EnterpriseBlue/load_skin.js?isc_version=7.1.js (172.28.32.76) 30140 bytes
            00:00:00.610 [INFO] 200 - GET /eonedashboard/hosted.html?eonedashboard (172.28.32.76) 11289 bytes
            00:00:19.719 [WARN] 404 - GET /eonedashboard/sc/skins/standard/images/Tab/top/baseline_end.gif (172.28.32.76) 1449 bytes
            ....

            Comment


              #7
              Post the contents of your host html file.

              Comment


                #8
                Originally posted by smartgwt.dev
                Post the contents of your host html file.
                Code:
                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                <html>
                	<head>
                		<title>eOne Dashboard</title>
                		<!--CSS for loading message at application Startup-->
                	    <style type="text/css">
                	        body { overflow:hidden }
                	        #loading {
                	            border: 1px solid #ccc;
                	            position: absolute;
                	            left: 45%;
                	            top: 40%;
                	            padding: 2px;
                	            z-index: 20001;
                	            height: auto;
                	        }
                	
                	        #loading a {
                	            color: #225588;
                	        }
                	
                	        #loading .loadingIndicator {
                	            background: white;
                	            font: bold 13px tahoma, arial, helvetica;
                	            padding: 10px;
                	            margin: 0;
                	            height: auto;
                	            color: #444;
                	        }
                	
                	        #loadingMsg {
                	            font: normal 10px arial, tahoma, sans-serif;
                	        }
                			.log-panel {
                				z-index: 2000;
                			}
                			.envttl {
                				height: 15px;
                				color: white;
                				text-align: center;
                				font-size: 12px;
                				font-weight: bold;
                				padding-bottom: 2px;
                			}
                			
                	    </style>
                	    <link type="text/css" rel="stylesheet" href="eOneDashboard.css">
                	</head>
                	<body>
                		<script language="javascript">
                                  FCKeditorAPI = null;
                                  __FCKeditorNS = null;
                                  function FCKeditor_OnComplete( editorInstance ) {
                                        editorInstance.SetData(editorInstance.Config['Value']);
                                  }
                        </script>
                		<script language="javascript" src="fckeditor/fckeditor.js"></script>		
                		<iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
                		<div id="loadingWrapper">
                			<div id="loading">
                			    <div class="loadingIndicator">
                			    	<p id="appttl" style="margin-right:8px;float:left;vertical-align:top;">eOneDashboard</p><br/>
                <!--			        <img src="images/loading.gif" width="16" height="16" style="margin-right:8px;float:left;vertical-align:top;"/>eOneDashboard<br/>-->
                			        <span id="loadingMsg">Loading styles and images...</span></div>
                			</div>
                		</div>
                		<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading Graph API...';</script>
                		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
                		<!-- <script> var isomorphicDir = "eonedashboard/sc/"; </script> -->
                		<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading Core API...';</script>
                		<script src='eonedashboard/sc/modules/ISC_Core.js'></script>
                		<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading UI Components...';</script>
                		<script src='eonedashboard/sc/modules/ISC_Foundation.js'></script>
                		<script src='eonedashboard/sc/modules/ISC_Containers.js'></script>
                		<script src='eonedashboard/sc/modules/ISC_Grids.js'></script>
                		<script src='eonedashboard/sc/modules/ISC_Forms.js'></script>
                		<script src='eonedashboard/sc/modules/ISC_RichTextEditor.js'></script>
                		<script src='eonedashboard/sc/modules/ISC_Calendar.js'></script>
                		<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading Data API...';</script>
                		<script src='eonedashboard/sc/modules/ISC_DataBinding.js'></script>
                			
                		<script>
                			function readCookie(name) {
                				var nameEQ = name + "=";
                				var ca = document.cookie.split(';');
                				for(var i=0;i < ca.length;i++) {
                					var c = ca[i];
                					while (c.charAt(0)==' ') c = c.substring(1,c.length);
                					if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
                				}
                				return null;
                			}
                			
                			// Determine what skin file to load
                			var currentSkin = readCookie('skin_name');
                			if (currentSkin == null) currentSkin = "EnterpriseBlue";
                		</script>
                			
                		<!--load skin-->
                		<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading skin...';</script>
                		
                		<script type="text/javascript">
                		document.write("<"+"script src=eonedashboard/sc/skins/" + currentSkin + "/load_skin.js?isc_version=7.1.js><"+"/script>");
                		</script>
                		
                		<!--include the application JS-->
                		<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading Main Application<br>Please wait...';</script>
                		<script type="text/javascript" language="javascript" src="eonedashboard/eonedashboard.nocache.js"></script>	
                	</body>
                </html>

                Comment


                  #9
                  Can you also post your entire module xml file? Which version of GWT are you using?

                  Are no images showing, or are only some missing? The bundled Showcase sample has a similar setup and it's working.

                  What happens if you uncomment out
                  Code:
                  <script> var isomorphicDir = "eonedashboard/sc/"; </script>
                  If you're still having issuesm try running "ant hosted" from the showcase directory, or run "ant war" and deploy the war. See if you're able to reproduce the issue with the showcase example.

                  Comment


                    #10
                    Originally posted by smartgwt.dev
                    Can you also post your entire module xml file? Which version of GWT are you using?

                    Are no images showing, or are only some missing? The bundled Showcase sample has a similar setup and it's working.

                    What happens if you uncomment out
                    Code:
                    <script> var isomorphicDir = "eonedashboard/sc/"; </script>
                    If you're still having issuesm try running "ant hosted" from the showcase directory, or run "ant war" and deploy the war. See if you're able to reproduce the issue with the showcase example.
                    GWT 2.3
                    No images show at all
                    Same issue if I uncomment the isomorhpicDir

                    HOWEVER... if I go back to SmartGWT 2.5 Nightly 07192011 it works correctly, any other ideas?

                    Module Below
                    Code:
                    <?xml version="1.0" encoding="UTF-8"?>
                    <!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 1.6.3//EN" "http://google-web-toolkit.googlecode.com/svn/tags/1.6.3/distro-source/core/src/gwt-module.dtd">
                    <module rename-to='eonedashboard'>
                      <!-- Inherit the core Web Toolkit stuff.                        -->
                      <inherits name='com.google.gwt.user.User'/>
                      <inherits name="com.google.gwt.http.HTTP"/>
                      <inherits name="com.google.gwt.json.JSON"/>
                      <inherits name="com.google.gwt.i18n.I18N" />
                    
                      <!-- Other module inherits                                      -->
                      <inherits name="com.google.gwt.visualization.Visualization" />
                      
                      <inherits name="com.smartgwt.SmartGwtNoScript"/>
                    <!--  <inherits name='com.smartgwt.SmartGwtDebug'/>-->
                    <!--  <inherits name="com.smartgwt.SmartGwtNoTheme" />-->
                      <inherits name="com.smartgwt.tools.SmartGwtTools"/>
                    <!--  Gray Theme
                    <inherits name="com.smartclient.theme.enterprise.Enterprise"/>
                    <inherits name="com.smartclient.theme.enterprise.EnterpriseResources"/>
                    -->
                    <!--  Blue Theme
                      <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlue"/>
                      --> 
                      <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlueResources"/>
                      
                      <inherits name="com.eonegroup.utils.eOneGWTUtils" />
                      <inherits name="com.eonegroup.dashgen.eOneDashGen" />
                            
                        <!--  Add Logging similar to Log4J -->
                        <!-- For development a default of `DEBUG` is recommended 
                         <inherits name="com.allen_sauer.gwt.log.gwt-log-DEBUG" />
                         otherwise in the URL add log_level=DEBUG to see output
                         -->
                         
                        <inherits name="com.allen_sauer.gwt.log.gwt-log-OFF" />
                        <extend-property name="log_level" values="DEBUG"/>
                     	<set-configuration-property name="log_pattern" value="%d{dd/MM/yyyy HH:mm:ss} [%-5p] %C{1}:%L - %m%n" />
                      	<set-property name="log_ConsoleLogger" value="ENABLED" />
                      	<set-property name="log_DivLogger" value="DISABLED" />
                      	<set-property name="log_FirebugLogger" value="DISABLED" />
                      	<set-property name="log_GWTLogger" value="DISABLED" />
                      	<set-property name="log_SystemLogger" value="ENABLED" />
                    
                      	<!-- Loggers Disabled by default--> 
                      	<inherits name="com.allen_sauer.gwt.log.gwt-log-RemoteLogger" />
                      	
                      	
                      	<!--
                        	Enable experimental WindowLogger, which logs messages to a separate
                        	popup window. There are currently a couple of restrictions:
                    
                        	1. When Firefox is configured to open new Windows as new tabs,
                           		WindowLogger does not work
                        	2. In hosted mode, the windows are not automatically closed,
                           	although you can easily close them manually in the usual way
                        	
                      	-->
                        <set-property name="log_WindowLogger" value="ENABLED" />
                            
                            
                      <!-- Specify the app entry point class.                         -->
                      <entry-point class='com.eonegroup.dashboard.client.eOneDashboard'/>
                      
                      <!--<set-property name="user.agent" value="ie6" />
                       Set English Locale-->
                    <!--   
                    <set-property name="user.agent" value="ie8" />
                    <set-property name="user.agent" value="gecko1_8" />
                    -->
                     <set-property name="user.agent" value="gecko1_8" />
                       
                    <!--  <set-property name="locale" value="en" />-->
                       
                      <extend-property name="locale" values="en" />
                    <!--  <extend-property name="locale" values="es"/>-->
                      
                      <extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.ChangeListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.ClickListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.FocusListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.FormHandlerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.KeyboardListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.LoadListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.MouseListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.MouseWheelListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.PopupListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.ScrollListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.TabListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.TableListenerCollection"/>
                    	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.TreeListenerCollection"/>
                    		
                    </module>
                    Last edited by gilcollins; 4 Aug 2011, 14:35.

                    Comment


                      #11
                      I also noticed that if I go back to SmartGWT 2.5 Nightly 07192011 it works correctly and it loads another line after the skin for skin_style.css

                      If I add this skin_style.css to my html page with 2.5 final then my layout looks more accurate but still no images on the final 2.5 release. It's trying to load the images but the wrong ones, it's trying to load the standard theme images instead of the EnterpriseBlue images, but with everything the same except using the 2.5 Nightly as stated above it all works perfectly.


                      Originally posted by gilcollins
                      GWT 2.3
                      No images show at all
                      Same issue if I uncomment the isomorhpicDir

                      Module Below
                      Code:
                      <?xml version="1.0" encoding="UTF-8"?>
                      <!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 1.6.3//EN" "http://google-web-toolkit.googlecode.com/svn/tags/1.6.3/distro-source/core/src/gwt-module.dtd">
                      <module rename-to='eonedashboard'>
                        <!-- Inherit the core Web Toolkit stuff.                        -->
                        <inherits name='com.google.gwt.user.User'/>
                        <inherits name="com.google.gwt.http.HTTP"/>
                        <inherits name="com.google.gwt.json.JSON"/>
                        <inherits name="com.google.gwt.i18n.I18N" />
                      
                        <!-- Other module inherits                                      -->
                        <inherits name="com.google.gwt.visualization.Visualization" />
                        
                        <inherits name="com.smartgwt.SmartGwtNoScript"/>
                      <!--  <inherits name='com.smartgwt.SmartGwtDebug'/>-->
                      <!--  <inherits name="com.smartgwt.SmartGwtNoTheme" />-->
                        <inherits name="com.smartgwt.tools.SmartGwtTools"/>
                      <!--  Gray Theme
                      <inherits name="com.smartclient.theme.enterprise.Enterprise"/>
                      <inherits name="com.smartclient.theme.enterprise.EnterpriseResources"/>
                      -->
                      <!--  Blue Theme
                        <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlue"/>
                        --> 
                        <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlueResources"/>
                        
                        <inherits name="com.eonegroup.utils.eOneGWTUtils" />
                        <inherits name="com.eonegroup.dashgen.eOneDashGen" />
                              
                          <!--  Add Logging similar to Log4J -->
                          <!-- For development a default of `DEBUG` is recommended 
                           <inherits name="com.allen_sauer.gwt.log.gwt-log-DEBUG" />
                           otherwise in the URL add log_level=DEBUG to see output
                           -->
                           
                          <inherits name="com.allen_sauer.gwt.log.gwt-log-OFF" />
                          <extend-property name="log_level" values="DEBUG"/>
                       	<set-configuration-property name="log_pattern" value="%d{dd/MM/yyyy HH:mm:ss} [%-5p] %C{1}:%L - %m%n" />
                        	<set-property name="log_ConsoleLogger" value="ENABLED" />
                        	<set-property name="log_DivLogger" value="DISABLED" />
                        	<set-property name="log_FirebugLogger" value="DISABLED" />
                        	<set-property name="log_GWTLogger" value="DISABLED" />
                        	<set-property name="log_SystemLogger" value="ENABLED" />
                      
                        	<!-- Loggers Disabled by default--> 
                        	<inherits name="com.allen_sauer.gwt.log.gwt-log-RemoteLogger" />
                        	
                        	
                        	<!--
                          	Enable experimental WindowLogger, which logs messages to a separate
                          	popup window. There are currently a couple of restrictions:
                      
                          	1. When Firefox is configured to open new Windows as new tabs,
                             		WindowLogger does not work
                          	2. In hosted mode, the windows are not automatically closed,
                             	although you can easily close them manually in the usual way
                          	
                        	-->
                          <set-property name="log_WindowLogger" value="ENABLED" />
                              
                              
                        <!-- Specify the app entry point class.                         -->
                        <entry-point class='com.eonegroup.dashboard.client.eOneDashboard'/>
                        
                        <!--<set-property name="user.agent" value="ie6" />
                         Set English Locale-->
                      <!--   
                      <set-property name="user.agent" value="ie8" />
                      <set-property name="user.agent" value="gecko1_8" />
                      -->
                       <set-property name="user.agent" value="gecko1_8" />
                         
                      <!--  <set-property name="locale" value="en" />-->
                         
                        <extend-property name="locale" values="en" />
                      <!--  <extend-property name="locale" values="es"/>-->
                        
                        <extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.ChangeListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.ClickListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.FocusListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.FormHandlerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.KeyboardListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.LoadListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.MouseListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.MouseWheelListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.PopupListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.ScrollListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.TabListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.TableListenerCollection"/>
                      	<extend-configuration-property name="rpc.blacklist" value="com.google.gwt.user.client.ui.TreeListenerCollection"/>
                      		
                      </module>

                      Comment


                        #12
                        You're right, there is issue with the EnterpriseBlue skin that affects IE. The other skins are fine. Can you temporarily switch to using the Enterprise skin until a patch is in place? The next nightly will also have the fix.

                        Sanjiv

                        Comment


                          #13
                          Originally posted by sjivan
                          You're right, there is issue with the EnterpriseBlue skin that affects IE. The other skins are fine. Can you temporarily switch to using the Enterprise skin until a patch is in place? The next nightly will also have the fix.

                          Sanjiv
                          Thank you, but just so you're aware I'm using Firefox 5 in Developer mode, so it's an issue in there also.

                          Comment


                            #14
                            gil, sjivan,

                            Could you please post the solution on this thread once you find/implement it? I am having the same difficulty and would appreciate that.

                            Comment


                              #15
                              Hi,

                              I just have the same problem with the official package.
                              Is a bug on this JS skin.
                              Near the line 951 of load_skin.js.

                              But the nightly version is correct.

                              Best regards,
                              Andre Derraik.

                              Comment

                              Working...
                              X