Opening,closing and Positioning SubWindows in Vaadin Applications

by Eric K · Published August 3, 2016 · Updated January 2, 2017

Vaadin allows applications to have subwindows.Positioning SubWindows is very important when it comes to design.Other tasks that can be performed on subwindows are like closing,opening and resizing.

Today am going to introduce some of the functions that can be used to perform these tasks.

Below is the Whole Application code.
 package com.example.writers; import com.google.gwt.event.dom.client.ClickEvent; import com.google.gwt.user.client.ui.ClickListener; import com.google.gwt.user.client.ui.UIObject; import com.google.gwt.user.client.ui.Widget; import com.vaadin.Application; import com.vaadin.ui.*; import com.vaadin.ui.Window.Notification; /** * Main application class. */ public class WritersApplication extends Application { Window subWindow,mainWindow;//defining new variables Button close; Button create; @Override public void init() { mainWindow = new Window(“Writers Application”);//Application main Window.All other subwindows will be added here create= new Button(“Create A new Window”);//button to create a sub window create.addListener( new Button.ClickListener() { @Override public void buttonClick(com.vaadin.ui.Button.ClickEvent event) { // TODO Auto-generated method stub mainWindow.addWindow(createSubWindow()); } }); mainWindow.addComponent(create); setMainWindow(mainWindow); } public Window createSubWindow()//this method will be executed when create a sub window button is clicked { subWindow= new Window(“Child Window”); subWindow.setWidth(400);//this method sets the window width subWindow.setHeight(400);//setting window Height subWindow.setPositionX(100);//Position on X axis subWindow.setPositionY(100);//Position on Y axis close= new Button(“Close The window”);//Creating a button that will close the window //implementing Close Window Button.This class will remove the window from the mainwindow close.addListener(new Button.ClickListener() { @Override public void buttonClick(com.vaadin.ui.Button.ClickEvent event) { // TODO Auto-generated method stub mainWindow.removeWindow(subWindow); } }); subWindow.addComponent(close);//adding the button to the window return subWindow;//window is returned by this method. } }

Opening and Closing a Sub-Window

A new Window can be create by using new Window(“Sub Window”) method.This method takes a string that names the window.

Subwindow is added to the main window by addWindow( name of the subwindow) method.This takes the new window created.

Subwindows can be removed by removeWindow() method.

Positioning SubWindows

Subwindows can be positioned anywhere on the screen.This is done by setPositionX( int) and setPositionY( int) methods.These methods takes integers.

Size of the subwindow can be set by setWidth(int) and setHeight(int) methods which takes integers.