Directory

← Back

BubbleDialog component for Vaadin Flow 13.+

BubbleDialog to attach to an element.

Author

Rating

Popularity

<100

BubbleDialog

This component let you attach a bubble to an element and show it when you need.

Sample code

Label lbl = new Label("Input your name:");
add(lbl);
TextField txt = new TextField();
add(txt);
txt.addInputListener((event) -> {
            //  add your bussines logic here
            // ...
            bd.show();
        });
        
VerticalLayout vl = new VerticalLayout();
vl.add(new Label("We found more data!"));
vl.add(new Label("Do you want to see it?"));
Button btnShow = new Button("Show It!");
btnShow.setThemeName("contained primary");
vl.add(btnShow);
bd = new BubbleDialog(txt.getElement(), vl);
// Add this to the shared style and set the classname in your code.
<dom-module id="bubble-dialog-custom" theme-for="bubble-dialog">
    <template>
        <style>
            .roundBubble {
                border-radius: 5px;
            }
        </style>
    </template>
</dom-module>

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

Added align bottom-right align. Now it is posible to customize the style adding a dom template to the shared-style.

Released
2019-09-19
Maturity
EXPERIMENTAL
License
Apache License 2.0

Compatibility

Framework
Vaadin 10+
Vaadin 13+ in 0.8.0
Browser
N/A

Vaadin Add-on Directory

Find open-source widgets, add-ons, themes, and integrations for your Vaadin application. Vaadin Add-on Directory
The channel for finding, promoting, and distributing Vaadin add-ons.
Online