PDA

View Full Version : Problem with ComboBox



byto
26 Aug 2008, 12:41 AM
Hi,

I just began to evaluate GXT 1.0.2 and got some problems with ComboBoxes like ThemeSelector or DateField. The problem is that these widgets doesnt show correctly. The "button" which should be to the right of the input field is vertically displaced (see screenshot).

Im using GWT 1.5.0 with GXT 1.0.2. The problem is both in hosted or web mode (both on IE6 and Firefox 3). OS is Windows XP.

Here is the sample code:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="css/ext-all.css" />
</head>
<body>
<script language='javascript' src='de.test.Test.nocache.js'></script>
<iframe src="javascript:''" id="__gwt_historyFrame" style="width: 0; height: 0; border: 0"></iframe>
</body>
</html>
public class Test implements EntryPoint {
public void onModuleLoad() {
RootPanel.get().add(new ThemeSelector());
}
}


<module>
<inherits name='com.extjs.gxt.ui.GXT'/>
<inherits name='com.extjs.gxt.themes.Themes' />
<entry-point class='de.test.client.Test' />
<stylesheet src='Test.css' />
</module>

Any ideas whats going wrong?

TIA

byto
26 Aug 2008, 12:50 AM
I solved the problem by removing the stylesheet tag from module xml. 8-|

Edit: GWTs projektCreator breaks it by placing this at css file automatically:


img {
margin-top: 20px;
}