Dialoge sind kleine Pop-Ups die z.B. durch einen Buttonklick aufgerufen werden können. Diese können alle Arten von UI-Komponente beinhalten und können durch einen klick außerhalb wieder verschwinden.
Erstellen von einen Dialog:
Zuerst muss ein neuen GUI-Element erstellt werden mit der Superclass “com.vaadin.flow.component.dialog.Dialog”.
Dann muss noch im GUI-Designer ein Layout hinzugefügt werden (z.B. VerticalLayout) und dann kann der Dialog nach belieben designed werden.
Dann auf der Ziel-View z.B. einen neuen Button einfügen
Mit Doppelklick auf den Button öffnet sich die Code-Ansicht
Dann kann der Dialog per open()-Methode auf der View angezeigt werden
Tipp: Um die Größe eines Dialoges zu bestimmen muss die angegebene Größe des Root-Layouts als auch dem übergeordneten Dialog überprüft werden. (Siehe Screenshot)
