Für die Erstellung grafischer HTML5 Oberflächen bietet Ihnen RapidClipse einen auf Vaadin basierenden GUI-Builder.

UI

Die UI entspricht dem Anwendungsfenster einer klassischen Desktop-Anwendung. Die UI setzt sich i.d.R. aus vielen unterschiedlichen Views zusammen, die nach URL-Aufruf von der UI angezeigt werden.

Views

Eine View entspricht entspricht einem einzelnen Anwendungsfenster, das 

Layouts

Um eine grafische Oberfläche bestehend aus GUI-Komponenten erstellen zu können, müssen Sie Ihrer View ein Layout zuweisen.

GUI-Komponenten

Alle GUI-Komponenten lassen sich mit Drag-and-Drop in die Arbeitsfläche einfügen.

1. Klicken Sie in der Palette eine GUI-Komponente an, z.B. XdevButton.
2. Ziehen Sie die GUI-Komponente mit Drag-and-Drop von der Palette in die Arbeitsfläche.