Directory

← Back

BubbleDialog component for Vaadin Flow 14.+

BubbleDialog to attach to an element.

Author

Contributors

Rating

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);
/* 
Create a CSS file and import it. 

In your main view use 
@CssImport(value = "./styles/bubble-custom.css",themeFor = "bubble-dialog")
*/

.bubble {
    background-color: blue !important;
    border: 3px solid !important;
}

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

minimal fix on the js template

Released
2020-12-17
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Polymer 3.0+
Browser
Firefox
Google Chrome

BubbleDialog component for Vaadin Flow 14.+ - Vaadin Add-on Directory

BubbleDialog to attach to an element. BubbleDialog component for Vaadin Flow 14.+ - Vaadin Add-on Directory
### BubbleDialog This component let you attach a bubble to an element and show it when you need.
Online