Enhanced Dialog

Vaadin Dialog extension with header, footer and scrolling content area.

View larger

Close

DEPRECATED

A header and footer have been added in Vaadin 23.1. See the official documentation: https://vaadin.com/docs/latest/ds/components/dialog

So the component won't be updated for Vaadin 23.1+. It will probably still work on Vaadin 23.1+ but you should use the official component.

Overview

Enhanced Dialog supports all the same features as Vaadin Dialog but also brings header and footer sections.

Usage

Add the dependency to your project (see sidebar in directory). Create a new EnhancedDialog and add your components to header, footer or content sections (see code examples)

Client-side implementation

This is the server-side (Java) API for the Vaadin Platform for the vcf-enhanced-dialog component. Looking for the client-side version? It can be found here: https://www.npmjs.com/package/@vaadin-component-factory/vcf-enhanced-dialog

Sponsored development

Major pieces of development of this add-on has been sponsored by customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

EnhancedDialog dialog = new EnhancedDialog();
dialog.setHeader("Example Header");
dialog.setContent(new Span("Content"));
dialog.setFooter(new Button("Close", evt -> dialog.close()));
dialog.open();

Links

• Online Demo
• View on GitHub

Compatibility