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:
>
>
>
>> 1. 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.
>
>
>
>>
>> 1. 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+unsubscr...@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.
