Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

custom overlay component

Herman Bovens
5 years ago Nov 25, 2016 9:46am

Hello,

What would be the easiest way to position a component anywhere on the screen, so like an overlay, but not using Window or PopupView (which both behave differently from what I need)?

I also need to be able to detect clicks outside the component in order to hide it, but I guess I'll need custom javascript for that.

Thanks
Herman

Olli Tietäväinen
5 years ago Nov 25, 2016 10:38am

Hi,

check out the PopupButton add-on from the directory. If you don't want the button part, see the source code on how it handles the overlay; that should give you some hints on building your own. The isOrHasChildOfPopup method does the detecting if a clicked element is inside the popup.

-Olli