On This Page
You can put any content in a dialog. Just need to wrap it in a dialog component.
- Fluent
- Declarative
Dialog.builder()
.title("Title")
.content(new Text("Hola!"))
.closeButtonOnHeader(true)
.build()
TBD
Available properties
This is the list of available properties for a details component:
| Property | Description | Notes |
|---|---|---|
| id | id for this component | |
| cssClasses | list of css classes | content of the css attribute |
| style | inline style attributes | content of the style attribute |
| headerTitle | the title in the header | |
| header | content to be placed in the header | |
| footer | content to be placed in the footer | |
| content | the wrapped content | |
| noPadding | if you want 0 padding for the content | |
| modeless | if you want to interact with what is behind the dialog | |
| top | position | |
| left | position | |
| draggable | if you want the dialog to be draggable | |
| width | size | |
| height | size | |
| resizable | if you want the user to be able to resize the dialog | |
| closeButtonOnHeader | adds a cross button on the header for closing the dialog, with no other effect |
You can see a full explanation of those properties at https://vaadin.com/docs/latest/components/dialog