Hi Eric!
Thanks for your reply!!!
I have tried to override the css, but with no success. The thing is that some properties works, while other doesn't.
Do I really need to link in another css than the one I created for my project? I tried that also, but with no success.
I have switched to ext-gwt now to see if that would work better, but I ended up with the same problem. See more info below.
Here is a copy of a part of the css i use ("CarPoolBookingApp.css"):.smallButton {
font-size: 5;
margin-left: 20px;
text-decoration: underline;
border-left: 100px;
padding-left: 100px;
}
The above css is applied to a gwt-ext button with title "Skapa organisation" in the screenshot.
As you can see the margin-left and text-decoration works, but the font-size, border-left and padding-left does not seem to work.
Here is my html file where I have a reference to the css above ("CarPoolBookingApp.html"):<html>
<head>
<!-- -->
<!-- Any title is fine -->
<!-- -->
<title>Wrapper HTML for CarPoolBookingApp</title>
<!-- -->
<!-- Use normal html, such as style -->
<!-- -->
<!--
<style>
body,td,a,div,.p{font-family:arial,sans-serif}
div,td{color:#000000}
a:link,.w,.w a:link{color:#0000cc}
a:visited{color:#551a8b}
a:active{color:#ff0000}
</style>
-->
<!-- Specifies default language: Swedish -->
<meta name="gwt:property" content="locale=sv_SE"/>
<!-- Enable UTF-8 Unicode charachters encoding -->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<!-- Application specific css -->
<link rel="stylesheet" type="text/css" href="CarPoolBookingApp.css"/>
<!-- css files for GWTExt -->
<link rel="stylesheet" type="text/css" href="js/ext-2.0.2/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" href="js/ext-2.0.2/resources/css/xtheme-gray.css" />
<!-- scripts for GWTExt -->
<script type="text/javascript" src="js/ext-2.0.2/adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="js/ext-2.0.2/adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="js/ext-2.0.2/ext-all.js"></script>
<!-- -->
<!-- This script loads your compiled module. -->
<!-- If you add any GWT meta tags, they must -->
<!-- be added before this line. -->
<!-- -->
</head>
<!-- -->
<!-- The body can have arbitrary html, or -->
<!-- you can leave the body empty if you want -->
<!-- to create a completely dynamic ui -->
<!-- -->
<body>
<!-- OPTIONAL: include this if you want history support -->
<iframe src="javascript:''" id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
<script type="text/javascript" language="javascript" src="org.jeremiaMorling.carPoolBookingApp.CarPoolBookingApp.nocache.js"></script>
</body>
</html>
Here is my gwt.xml file where I now added the reference to my stylesheet, like in your example ("CarPoolBookingApp.gwt.xml"):<module>
<!-- Inherit the core Web Toolkit stuff -->
<inherits name='com.google.gwt.user.User'/>
<stylesheet src="CarPoolBookingApp.css" />
<!-- GWTExt -->
<inherits name="com.gwtext.GwtExt"/>
<!-- Specify the app entry point class -->
<entry-point class='org.jeremiaMorling.carPoolBookingApp.client.CarPoolBookingApp'/>
<!-- GWT theme -->
<inherits name="com.google.gwt.user.theme.chrome.Chrome"/>
<!-- Support for localizations -->
<inherits name="com.google.gwt.i18n.I18N"/>
<!-- Locale Swedish -->
<extend-property name="locale" values="sv_SE"/>
<!-- GWT logging -->
<inherits name="com.allen_sauer.gwt.log.gwt-log-INFO" />
<!-- <inherits name="com.allen_sauer.gwt.log.gwt-log-OFF" /> -->
<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="ENABLED" />
<set-property name="log_SystemLogger" value="DISABLED" />
<set-property name="log_RemoteLogger" value="DISABLED" />
<set-property name="log_WindowLogger" value="DISABLED" />
</module>
Here is a part of my code where i set the css for an gwt-ext button ("OrganizationsPanel.java"):Button createOrganizationButton = new Button( LocalePhrasesUtil.LOCALE_PHRASES.createOrganization() );
createOrganizationButton.setCls( "smallButton" );
Thanks again for your help!!
/ Jeremia