Directory

← Back

Overlays

Add component overlays to you application: image, text, in-place editor or anything else.

Author

Rating

Popularity

<100

If you have ever wanted to add a component on top of any other component, the Overlays add-on jar is for you. Image, text, in-place editor, etc.

With ImageOverlay you can add a small (or large) images on top of other components. Like a "New"-icon to highlight a recently added feature or item. Or if you want to simply add a "No items found" text to a empty Table use the TextOverlay. You can create in-place editing, popups with CustomOverlay (Tip: use the Animator add-on to add a professional touch with fade-in/out animations)

The overlays can bound and anchored to virtually any other Vaadin component. Also the anchor point in the overlay can be specified using Alignment constants. This allows quick positioning of overlay on Buttons, TextFields, Selects. Furthermore, the position can be fine-tuned using x and y offsets. Overlays can also be anchored to each other as well as stacked.

Although widely used, this is still beta component and some browsers may misbehave. Please report any problems at Vaadin forum.

Dependenies: Compiled with Java 5 and Vaadin 6.3.

Sample code

Resource icon = new ClassResource("images/icon-beta.png", this);
ImageOverlay overlay = new ImageOverlay(button,icon);
mainWindow.addComponent(overlay);
overlay.setComponentAnchor(Alignment.TOP_RIGHT);
overlay.setOverlayAnchor(Alignment.MIDDLE_CENTER);
overlay.setXOffset(0);
overlay.setYOffset(0);
@import url(../reindeer/styles.css);

.v-generated-body {
        overflow: auto;
}

.v-generated-body .v-app {
        height: auto;
}

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Fixed removeComponent as well as setVisible for the Overlays. For CSS needed to fix scrolling in some applications see the highlight above.

Released
2010-08-03
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 6.3+
Browser
Internet Explorer
Internet Explorer
Firefox
Safari

Overlays - Vaadin Add-on Directory

Add component overlays to you application: image, text, in-place editor or anything else. Overlays - Vaadin Add-on Directory
If you have ever wanted to add a component on top of any other component, the Overlays add-on jar is for you. Image, text, in-place editor, etc. With ImageOverlay you can add a small (or large) images on top of other components. Like a "New"-icon to highlight a recently added feature or item. Or if you want to simply add a "No items found" text to a empty Table use the TextOverlay. You can create in-place editing, popups with CustomOverlay (Tip: use the Animator add-on to add a professional touch with fade-in/out animations) The overlays can bound and anchored to virtually any other Vaadin component. Also the anchor point in the overlay can be specified using Alignment constants. This allows quick positioning of overlay on Buttons, TextFields, Selects. Furthermore, the position can be fine-tuned using x and y offsets. Overlays can also be anchored to each other as well as stacked. Although widely used, this is still beta component and some browsers may misbehave. Please report any problems at Vaadin forum. Dependenies: Compiled with Java 5 and Vaadin 6.3.
Online