GWT Developer Plugin is now compatible with Firefox 8.0.1

If you've been sitting on an older version of Firefox because the GWT Developer Plugin wasn't compatible, the great news is that its now fixed in version 8.0.1!  Unfortunately latest versions of Google Chrome and Safari still have the issues as described in this post, but with the fix in the latest Firefox there's no reason why you'll need to use those other browsers until you get to production testing of your code.  Happy GWT coding!

How to Connect GWT Widgets Using jsPlumb

After  a lot of tinkering around and research I finally got GWT and jsPlumb working.  To skip the tutorial and jump straight to the demo go to: http://gwtjsplumb.appspot.com.  Note, if you're using Internet Explorer 8 and below this won't work.

The actual demo may not look so exciting, but if you've been trying to get javascript libraries such as jQuery and jQueryUI to work with GWT you'll know what I'm talking about.  I've always liked GWT for its widget library and its ability to create web applications without knowing any javascript; however some functions such as simple drag-and-drop and connecting widgets alluded me.  I looked at the ease and power of jQuery and jsPlumb and thought why can't GWT do that.

Well you can have the best of both worlds thanks to JSNI.  I've listed the high level steps below. (For details on the actual code that was written for this demo please go to: http://code.google.com/p/gwt-jsplumb/ or follow the links in the steps.) 

Steps

1. Edit The Main Html File to Include the Required Javascript Libraries
2. Edit Your Entry Point Module
3. Create the jsPlumb Code
4. Final CSS trick

Screenshot of the gwt/jsplumb demo

By the way if you're a coder (experienced or newbie) please check out our new site: http://www.codifyme.co.

GWT Drag and Drop

I wasn't able to find any documentation on GWT's inherent drag and drop, but it is covered in this video. Skip to the 20:37 mark to see an example of how to use it.