Login Manager Tutorial Problem with CSS

[timk]

Running the sample app located at:
http://download.instantiations.com/D2GW ... _directory

On step 4. Create and apply CSS styles, when clicking on the ... I get the following error: "There are no CSS files referenced from modules HTML."

Any help / workarounds would be appreciated.

Okay, here's some more info:
Running on windows XP, fresh install of Eclispe 3.4.1, just (2 hrours ago) added the plugin - (evaluation) - from the update site. Following even the basic CCS video, just create a new GWT Java Project -> Checked Create GWT module. Notice that the .css file is in the war and not in the src folder as the video shows. Selecting the "Click me!" button and go to styleName and click the ellipses.... and the error noted above is received.

[Eric Clayberg]

Give this a try using the latest GWT Designer v7.0 build.

[devdanke]

I tried the same LoginManager tutorial using GWT Designer 7.0 in Eclipse 3.5RC4 on WinXP SP3, and got the same error.

Thanks,
devdanke

gwt-designer-7-css-prob_small.png (212.78 KiB) Viewed 1923 times

[Eric Clayberg]

You need to try this using the latest GWT Designer v7.0 build as I suggested yesterday.

[devdanke]

As of June 17 when you wrote that we should try the latest 7.0 version, I was using the latest version. When I look at the dates on all GWTD jars in my plugins dir, they indicate that the next the bug fix wasn't released until June 20. But I see no evidence that there was a release that fixed the CSS editor bug by the 17th. In which version was the CSS editor bug fixed?

Another thing, if someone is using version 7.0 and you tell them to get the "latest" 7.0, it doesn't make sense. If you want them to use a version newer than 7.0, then tell exactly which version to get. I had no idea Instantiations added a date to end of their builds. It's certainly not a standard practice. How about saying "the bug was fixed in version 7.0.20090620nnnnnn, any release with that date or newer will work"?

So I downloaded that newest version 7.0.20090620 and that fixed the CSS editor bug. But that bug cost me 4 of my free trial days.

But now there's a new problem. When I try to do tutorial step 6 "Run your Application in Hosted mode" it doesn't work, because the required LoginManager.html page doesn't exist. Arrgh!

Were there multiple bugs in the 7.0.20090613 release I started with? Must I redo the tutorial from the scratch for it to work? Did anyone at Instantiations test any 7.0.x release with the marque GWTD tutorial on your web site?

Most companies use tutorials to help customers learn a product and demonstrate the value in purchasing it. This tutorial is having the opposite effect on me.

-devdanke

[Eric Clayberg]

The tutorial you refer to was created before GWT 1.6.4 was released. As stated in the tutorial itself, it was created with GWT 1.5.3 and works exactly as described in that environment. Google completely changed the default GWT project structure in GWT 1.6.4 which made several things that worked in 1.5.3 not work in 1.6.4. We have spent much of the last two months or so adding full 1.6.4 support to the product. The problem you ran into was caused by one of the changes to GWT that we had not yet adapted to. It was more of a missing feature than a bug, and it was addressed the night of the 16th (the same day it was reported to us). The latest build as of the 17th had this fix as stated (you were using the build from the 13th). If you had updated to the latest build immediately as I suggested rather than waiting until the 20th, it might have "cost you" only one day rather than four. BTW, it didn't actually cost you any "free trial" days as you can request more days any time you want. In fact, here's a new activation key that will extend your eval an extra week for the inconvenience:

GWTDesignerEval-5D0TJ-MM1AP-JY1UJ

We use the same general build naming convention as Eclipse itself and append a build date to the major version number (a very common practice in the Eclipse world). The major version number itself gets incremented every few months in response to major milestones. If you install using the update site (as recommended for Eclipse 3.4 or 3.5) you can get the "latest build" any time you want. When I tell someone on this forum to use the "latest build" that means that the bits on the update site as of that moment contain the fix or feature being discussed.

[rcaballeron]

Hi,

I've downloaded today GWT Designer an I've tried to follow the LoginManager tutorial but I've found the same problem you are talking about. When I deploy the module, the LoginManager.html and the LoginManager.css are removed from the project and it's no longer valid.

I'm using the latest version available in your site along with Eclipse 3.4 (see the img)

Thx

[Eric Clayberg]

Please give it a try using the very latest GWT Designer v7.1 build.

For the existing project move the gif files, <module>.css and <module>.html files out of the /war/<module> folder to the root of the /war folder.

[nothsa]

A quick fix for those of you who, like me, ran into this CSS snag while following the tutorial:

• Open "/src/com/mycompany/tutorial/LoginManager.gwt.xml"
• Open "/bin/com/mycompany/tutorial/LoginManager.gwt.xml"
• Copy the CSS line from "/bin/.../LoginManager.gwt.xml" to "/src/.../LoginManager.gwt.xml"
• Restart Eclipse

You should now be able to keep click on the ellipsis and not receive the error.

[nothsa]

Update: I also ran into a problem later on in the code when adding the onClick event handler to the button. Here's what I did to get around it:

• Move these two lines from within the flex table to just above the flex table: 1) "TextBox textBoxUsername = new TextBox();" 2) "PasswordTextBox textBoxPassword = new PasswordTextBox();"
• Add "final " in front of both lines

Don't know if this is a good practice or not, but it at least got me through the tutorial. If anyone has another/a better solution, I would love to hear it =)

[Eric Clayberg]

I'm not sure why you would have encountered any issues like this (we did not).

[fes]

Hi

Upgrading to gwt designer 7.1 seems to fix both problems

Anthony

[Eric Clayberg]

Glad to hear that.

[Maksym]

Hi
Have the same problem with the latest version from 2010.05.11:
"There are no CSS files referenced from modules HTML" while clicking on any styleName property in component Properties in gwt designer editor.
.css files are at usual places: custom css in war folder, gwt css in war/<modulename>/gwt/standard/

The only workaround i've found is to define stylesheets explictly in modulename.gwt.xml
<stylesheet src="/modulename.css"/>
<stylesheet src="/modulename/gwt/standard/standard.css"/>

In this case gwt designer is able to find css but preview of the composites doesn't look the same as in browser (all fonts looks bigger in preview area than in browser.. for some reason...)

Any ideas?

[Konstantin.Scheglov]

Just placing CSS file into WAR folder is not enough, it should be referenced using HTML file or GWT.XML "stylesheet" element.
We need to see your project to find exact reason.
Please send project (may be without Java source, we don't need it) to wb-support@instantiations.com