Jens,
Thanks a lot for your response.
The html page that loads the my app already has a code <!DOCTYPE html>you suggested. Below is the copy of the html code that loads my app. Please check and let me know any corrections.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--CSS for loading message at application Startup-->
<style type="text/css">
#loading {
position: absolute;
left: 45%;
top: 40%;
padding: 2px;
z-index: 20001;
height: auto;
border: 1px solid #ccc;
}
#loading a {
color: #225588;
}
#loading .loading-indicator {
background: white;
color: #444;
font: bold 13px tahoma, arial, helvetica;
padding: 10px;
margin: 0;
height: auto;
}
#loading-msg {
font: normal 10px arial, tahoma, sans-serif;
}
</style>
<link type="text/css" rel="stylesheet" href="Mmsea.css">
<title>MMSEA</title>
</head>
<body>
<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
<!--add loading indicator while the app is being loaded-->
<div id="loading">
<div class="loading-indicator">
<img src="js/ext/resources/images/default/shared/large-loading.gif" width="32" height="32"
style="margin-right:8px;float:left;vertical-align:top;"/>Mmsea<br/>
<span id="loading-msg">Loading styles and images...</span>
</div>
</div>
<!--include the Ext CSS, and use the gray theme-->
<!--<link rel="stylesheet" type="text/css" href="Mmsea/js/ext/resources/css/ext-all.css"/>-->
<link rel=stylesheet href="js/ext/resources/css/ext-all.css" />
<link id="theme" rel="stylesheet" type="text/css" href="themes/silverCherry/css/xtheme-silverCherry.css"/>
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>
<!--include the Ext Core API-->
<script type="text/javascript" src="js/ext/adapter/ext/ext-base.js"></script>
<!--include Ext -->
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>
<script type="text/javascript" src="js/ext/ext-all.js"></script>
<!--include the application JS-->
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>
<script type="text/javascript" language="javascript" src="com.acg.mmsea.gwt.Mmsea.nocache.js"></script>
<!--hide loading message-->
<script type="text/javascript">Ext.get('loading').fadeOut({remove: true, duration:.25});</script>
</body>
</html>
Please let me know.
On Wednesday, February 25, 2015 at 12:03:55 PM UTC-5, Jens wrote:
-- Thanks a lot for your response.
The html page that loads the my app already has a code <!DOCTYPE html>you suggested. Below is the copy of the html code that loads my app. Please check and let me know any corrections.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--CSS for loading message at application Startup-->
<style type="text/css">
#loading {
position: absolute;
left: 45%;
top: 40%;
padding: 2px;
z-index: 20001;
height: auto;
border: 1px solid #ccc;
}
#loading a {
color: #225588;
}
#loading .loading-indicator {
background: white;
color: #444;
font: bold 13px tahoma, arial, helvetica;
padding: 10px;
margin: 0;
height: auto;
}
#loading-msg {
font: normal 10px arial, tahoma, sans-serif;
}
</style>
<link type="text/css" rel="stylesheet" href="Mmsea.css">
<title>MMSEA</title>
</head>
<body>
<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
<!--add loading indicator while the app is being loaded-->
<div id="loading">
<div class="loading-indicator">
<img src="js/ext/resources/images/default/shared/large-loading.gif" width="32" height="32"
style="margin-right:8px;float:left;vertical-align:top;"/>Mmsea<br/>
<span id="loading-msg">Loading styles and images...</span>
</div>
</div>
<!--include the Ext CSS, and use the gray theme-->
<!--<link rel="stylesheet" type="text/css" href="Mmsea/js/ext/resources/css/ext-all.css"/>-->
<link rel=stylesheet href="js/ext/resources/css/ext-all.css" />
<link id="theme" rel="stylesheet" type="text/css" href="themes/silverCherry/css/xtheme-silverCherry.css"/>
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script>
<!--include the Ext Core API-->
<script type="text/javascript" src="js/ext/adapter/ext/ext-base.js"></script>
<!--include Ext -->
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>
<script type="text/javascript" src="js/ext/ext-all.js"></script>
<!--include the application JS-->
<script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script>
<script type="text/javascript" language="javascript" src="com.acg.mmsea.gwt.Mmsea.nocache.js"></script>
<!--hide loading message-->
<script type="text/javascript">Ext.get('loading').fadeOut({remove: true, duration:.25});</script>
</body>
</html>
Please let me know.
On Wednesday, February 25, 2015 at 12:03:55 PM UTC-5, Jens wrote:
- Application does not load initially as the IE Browser opens in IE 10 Compatability View Mode.
Use <!DOCTYPE html> at the top of your html page that loads the app.
- The application loads successfully once I change the Browser Mode to IE10. At this point if I CLICK on any items in the left navigation panel I am getting the below errors and looks like OnClick() of GWT is not working along with the ext-all.js issues.
Here is the ext-all.js issues I see in Console of IE10 browser;
Upgrade your ext-all.js library to a version that is compatible with GWT 2.7.-- J.
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.
No comments:
Post a Comment