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.4)
(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.1.0
Browser
Firefox
Opera
Safari
Google Chrome
Internet Explorer
Microsoft Edge

ResizableCssLayout Add-on - Vaadin Add-on Directory

Makes CssLayout resizable with drag and drop from all sides and corners. ResizableCssLayout Add-on - Vaadin Add-on Directory
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
Online Demo
Source Code
Discussion Forum
Issue Tracker

ResizableCssLayout Add-on version 1.0.0
null

ResizableCssLayout Add-on version 1.0.1
Fixed invalid javadocs links.

ResizableCssLayout Add-on version 1.1.0
- Support keeping aspect ratio when resizing - Fixed 1px offset error when resizing - Pressing escape should cancel the resize - Update the right/bottom coordinates when inside a AbsoluteLayout - Fixed resize handles being partly hidden behind a full-size Grid component

ResizableCssLayout Add-on version 2.0.0
ResizableCssLayout 2.0 is for Vaadin Framework 8. Tested with 8.1.5

Online