Wordpress login form with GWT and UiBinder

Following my previous post, I have decided to rewrite the example of the Wordpress login form using only UiBinder and the ClientBundle/Css features that comes with GWT. This example demonstrate how you can use only htmlPanel and UiBinder to build a perfect pixel Ui just with hmtl/css and no gwt panel. You can see the result there. Or you can download and run the eclipse project from there. To start I’ve just copied the html from my wordpress login page into the htmlPanel.

Continue reading

GWT and HTML under control

In the past weeks I’ve seen two articles about making clean design with GWT. That was really interesting, but something still stugling me a lot. Both authors agreed not to use layout widgets provided by GWT to build UI neither UiBinder but use instead a big ugly static String to store an HTML code/ Take a closer look at those two articles and come back later to find out a better way to improve your design based on GWT.

Continue reading

How-To change the style of your GWT 2.1 ValuePicker ?

This class demonstrate how-to change the style of the GWT 2.1 ValuePicker. public class Main extends Composite { private static class DefaultCell<T> extends AbstractCell<T> { private final Renderer<T> renderer; DefaultCell(Renderer<T> renderer) { this.renderer = renderer; } @Override public void render(Context context, T value, SafeHtmlBuilder sb) { sb.appendEscaped(renderer.render(value)); } } public interface MyResources extends CellList.Resources { @Source("myStyle.css") Style cellListStyle(); } Renderer<String> renderer = new AbstractRenderer<String>() { @Override public String render(String object) { return object; } }; private static MyResources RESOURCES = GWT.

Continue reading

Gwt – Surcharger les styles par défauts

La version 2.0 de Gwt à introduit l’interface CssResource qui permet de lier des classes css à des widgets Gwt en java. Cette interface permet de bénéficier d’optimisation à la compilation et de brouiller les noms des classes pour éviter les collisions. Elle enrichi aussi la syntaxe Css, par exemple en permettant de déclarer des constantes. Il est ainsi très facile de déclarer des feuilles Css qui joueront le rôle de feuille parent de laquelle hériterons les feuilles spécifiques à chaque partie de l’interface.

Continue reading

Google I/O 2010 – GWT’s UI overhaul

Le 19 et 20 mai 2010 avait lieu l’événement annuel de Google, le Google I/O à San Francisco. Près d’une centaine de présentations ont eu lieux et toutes étaient filmées ! Je débute donc une série de post pour résumer celles que je visionne, en particulier celles traitant de GWT et de Google App Engine. GWT’S UI Overhaul Par Ray Rian et Joel Webber. Cette présentation présente plus en détails les nouvelles façons de construire les interfaces avec la version 2.

Continue reading

GTAC 2009 – Lessons learned from testing GWT applications

Les 21 et 22 octobre 2009 avait lieux à Zurich la conférence annuelle de Google sur les test automatisées. Parmi toutes les conférences proposées, une m’intéressait particulièrement puisqu’elle concerne les test d’applications réalisées en Gwt. Voici donc la vidéo de la présentation ainsi que les slides et quelques notes que j’ai pris en la visionnant. Comment tester les applications Gwt ? (slide 8 ) Avec selenium : Selenium va simuler au plus près l’interaction qu’a un vrai utilisateur avec le navigateur puisqu’il démarre un vrai navigateur et réalise directement les opérations de test sur celui-ci.

Continue reading