Directory

← Back

ResizableCssLayout Add-on

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

Author

Rating

Popularity

<100

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

Compatibility

1.0.01.0.11.1.02.0.0
(24.3)
(24.2)
(24.1)
(24)
(23)
(22)
(21)
(20)
(19)
(18)
(17)
(16)
(15)
(14)
(13)
(12)
(11)
(10)
8.0-8.21Y
7.0-7.7YYY
(6.8)
(6.7)
(6.6)
(6.5)
(6.4)
(6.3)
(6.2)
(6.1)
(6.0)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

ResizableCssLayout 2.0 is for Vaadin Framework 8. Tested with 8.1.5

Released
2017-10-23
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.0+
Vaadin 7.0+ in 1.0.0
Browser
Firefox
Opera
Safari
Google Chrome
Internet Explorer
Microsoft Edge

Vaadin Add-on Directory

Find open-source widgets, add-ons, themes, and integrations for your Vaadin application. Vaadin Add-on Directory
The channel for finding, promoting, and distributing Vaadin add-ons.
Online