Forums

by **svjim** » Thu Jan 31, 2008 12:23 pm

I am sure that it is that I am a beginner with GWT Designer, but I am having difficulty with adding external css files to to the wizard and then once they are added, assigning the style to elements in my project

Even after adding and saving a reference to a css file in the projects html file, the file does not show up in the wizard. I have to go through a few gyrations to get it to show up. I compile the gwt project and shut down and reopen eclipse before I can see the file.

Once I can see the css file in the wizard, I am having difficulty assigning styles to elements. For the most part I can, then all of a sudden it will work. Not sure what is happening here. I am using the iui.css style file and it has some extensions for safari in it. I am not sure if that is causing a problem.

Any help or advise would be appreciated.

Jim

by **Eric Clayberg** » Fri Feb 01, 2008 10:34 am

1. You should not use external files. Just put your CSS file into the "public" folder of your GWT module.

2. If you save the file using some external tool, don't forget to refresh your Eclipse project.

by **cberry** » Tue Apr 01, 2008 12:46 pm

I am also seeing this same problem regarding a stylesheet. I have the stylesheet in the public folder and it is referenced in the HTML file as well as the xml file.

I've attached an image of the file structure.

Any help would be great.

Thanks,
Charlotte

: XML; csserror.png (6.14 KiB) Viewed 1420 times

Here's the XML file:
<module>


<inherits name='com.google.gwt.user.User'/>


<inherits name='com.gwtext.GwtExt' />


<inherits name='com.mycompany.webreporting.webreporting' />





<entry-point class='com.mycompany.client.SARWeb'/>

<stylesheet src='MainTemplate.css'/>
<stylesheet src='js/ext/resources/css/ext-all.css'/>

</module>

Here's the HTML file:
<html>
<head>
<title>Service Automation Reporter</title>
<link rel="stylesheet" HREF="MainTemplate.css" TYPE="text/css">
<link rel="stylesheet" HREF="js/ext/resources/css/ext-all.css" TYPE="text/css">
</head>

<body class="body">

<script src="js/ext/adapter/ext/ext-base.js" />
<script src="js/ext/ext-all.js" />


<iframe src="javascript:''" id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>






<script language='javascript' src='com.mycompany.sar.nocache.js'></script>

</body>
</html>

by **Konstantin.Scheglov** » Tue Apr 01, 2008 10:40 pm

In general your configuration works for me.
May be one trick is that you should use "refresh" action (in Designer toolbar).

: Test and Refresh actions; Screenshot - 02.04.2008 , 10_43_04.png (739 Bytes) Viewed 1381 times

...or just reopen editor.
Also note that you changed HTML file in the way that will not work with GWT-Ext.
You should not close <script/> tag, use <script></script> instead.

by **cberry** » Wed Apr 02, 2008 5:32 am

I corrected the script tags and refreshed in Designer.

I still cannot access the CSS file.

by **Konstantin.Scheglov** » Wed Apr 02, 2008 5:49 am

Please send complete project to support.

Forums

Selecting external CSS file

Selecting external CSS file

Re: Selecting external CSS file

Re: Selecting external CSS file

Re: Selecting external CSS file

Re: Selecting external CSS file

Re: Selecting external CSS file

Who is online