ResizableCssLayout Add-on
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
Links
Compatibility
| 1.0.0 | 1.0.1 | 1.1.0 | 2.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.21 | Y | |||
| -8.20 | Y | |||
| -8.19 | Y | |||
| -8.18 | Y | |||
| -8.17 | Y | |||
| -8.16 | Y | |||
| -8.15 | Y | |||
| -8.14 | Y | |||
| -8.13 | Y | |||
| -8.12 | Y | |||
| -8.11 | Y | |||
| -8.10 | Y | |||
| -8.9 | Y | |||
| -8.8 | Y | |||
| -8.7 | Y | |||
| -8.6 | Y | |||
| -8.5 | Y | |||
| -8.4 | Y | |||
| -8.3 | Y | |||
| -8.2 | Y | |||
| -8.1 | Y | |||
| -8.0 | Y | |||
| 7.0-7.7 | Y | Y | Y | |
| -7.6 | Y | Y | Y | |
| -7.5 | Y | Y | Y | |
| -7.4 | Y | Y | Y | |
| -7.3 | Y | Y | Y | |
| -7.2 | Y | Y | Y | |
| -7.1 | Y | Y | Y | |
| -7.0 | Y | Y | Y | |
| (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
ResizableCssLayout Add-on - Vaadin Add-on Directory
Makes CssLayout resizable with drag and drop from all sides and corners.
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