ResizableCssLayout Add-on | Vaadin

Makes CssLayout resizable with drag and drop from all sides and corners.

Extended CssLayout that enables user to resize the layout by using drag and drop from all the corners and sides. Basic features:

  • Toggle resize mode on/off
  • Server side events from resize start, end and cancel (by user)
  • Automatically checks for resize boundaries from parent (can't resize outside parent)
  • Automatically updates position when inside an AbsoluteLayout
  • Set the size of the resize area in pixels
  • Toggle automatic resize accept on client side on/off
  • Cancel resize on server side when ResizeEndEvent fired and not on automatic resize accept mode
  • Keep current aspect ratio when resizing
  • User can cancel the resize any time using Esc key


Link to this version
BetaReleased 23 October 2017Apache License 2.0
Framework Support
Vaadin 8.0+
Also supported:
Vaadin 7 (1.1.0)
Browser Compatibility
Install with
Release notes - Version 2.0.0

ResizableCssLayout 2.0 is for Vaadin Framework 8. Tested with 8.1.5