Fancy tooltip overlay example and custom error location w/ Vaadin 6.8.x

Check out the
ContextHelp Demo
. Go to the tab "Placement, focus the field while “Make the help bubble follow focus” is on or press F1. There you’ll see the context menu placed top, right, left and bottom in relation to fields.

I was not sure if you need to put the fields into a Form, or if you just have a layout with fields and you use setValue() and getValue() manually. As you need Form support, the easiest way to go about is to implement the composite as a
CustomField
. That should do the trick.

By the way, Vaadin 7 would be great for you here. Vaadin 7 has FieldGroup, which drives the same purpose as Form, but is much more awesome and flexible. Basically you just bind fields to an item on the server side while not having any presentation for it (you do not do layout.addComponent(fieldGroup)). Then you can use what ever layout you want and place the fields where ever you fancy and they still work together with the server side binding. CustomField is also a part of Vaadin 7 core.