开发者

Why any GWT theme is not showing in my application, only the standard theme?

I have the xml module like that:

<?xml version="1.0" encoding="UTF-8"?>
<module rename-to='sapepass'>
<inherits name='com.google.gwt.user.User' />
<inherits name='com.google.gwt.visualization.Visualization'/>
<inherits name="com.google.gwt.i18n.I18N"/>
<inherits name='com.google.gwt.json.JSON'/>
<inherits name='com.google.gwt.requestfactory.RequestFactory'/>
<extend-property name="locale" values="es_CO" />
<set-property-fallback name="locale" value="es_CO" />
<inherits name='com.google.gwt.user.theme.chrome.Chrome'/>
<entry-point class='co.ibm.spms.sap.epass.client.SAPePass' />
<inherits name="co.ibm.spms.ui.utils.Utils" />
<inherits name="eu.maydu.gwt.validation.ValidationLibrary"/>
<source path='client' />
<source path='shared' />
</module>

Html:

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<li开发者_如何学Cnk rel="icon" href="favicon.ico" type="image/x-icon" />

<!--                                                               -->
<!-- Consider inlining CSS to reduce the number of requested files -->
<!--                                                               -->
<link type="text/css" rel="stylesheet" href="SAPePass.css">

<!--                                           -->
<!-- Any title is fine                         -->
<!--                                           -->
<title>SAP ePass</title>

<!--                                           -->
<!-- This script loads your compiled module.   -->
<!-- If you add any GWT meta tags, they must   -->
<!-- be added before this line.                -->
<!--                                           -->
<script type="text/javascript" language="javascript" src="sapepass/sapepass.nocache.js"></script>
</head>

But when I run de app, the result is that the colors correspond to Standard theme. That because the import of standrd css is after chrome css (generated html):

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">

<!--                                                               -->
<!-- Consider inlining CSS to reduce the number of requested files -->
<!--                                                               -->
<link type="text/css" rel="stylesheet" href="SAPePass.css">

<!--                                           -->
<!-- Any title is fine                         -->
<!--                                           -->
<title>SAP ePass</title>

<!--                                           -->
<!-- This script loads your compiled module.   -->
<!-- If you add any GWT meta tags, they must   -->
<!-- be added before this line.                -->
<!--                                           -->
<script type="text/javascript" language="javascript" src="sapepass/sapepass.nocache.js">   </script>
<script defer="defer">sapepass.onInjectionDone('sapepass')</script>
<link rel="stylesheet" href="http://127.0.0.1:8888/sapepass/gwt/chrome/chrome.css">
<link rel="stylesheet" href="http://127.0.0.1:8888/sapepass/gwt/standard/standard.css">
</head>

What can I do?

Note:

I´m using GWT 2.1.1 Eclipse


Why are you explicitly injecting the chrome and standard css in your html? The appropriate css will automatically injected based on your module xml.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜