Css Grid Layout - Vaadin Add-on Directory
Build flexible layouts of any kind with css grid
This addon allows the user to create responsive or static layouts by using the css grid API
It brings four new Layouts to Vaadin:
- `AreaLayout` | Area based Layouts similar to a "Border Layout" but with areas of your choice
- `FlexibleGridLayout` | Responsive grids without diving too deep into css grid
- `GridLayout` | Straight forward implementation of css grid (not yet super complete). I recommend reading some [`css-grid` documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) before starting with this. Probably also has some API issues etc.
- `FluentGridLayout` | The Fluent version of GridLayout
On the first sight most of the layouts seem pretty different, but they all inherit from the GridLayout. This is due to css grid being a complex but also a powerful tool which may be used for a *lot* of use cases.
The first two layouts are meant for two specific cases, to make the entry easier for beginners.
##### Samples can be found in the demo
##### [You need help, miss a feature or found a bug? Create an issue on Github!](https://github.com/appreciated/grid-layout/issues)
##### [Note: This addon is and will not be compatible with Internet Explorer](https://developer.mozilla.org/en-US/docs/Web/CSS/grid#Browser_compatibility)
Issue tracker
Online Demo
Source Code
Css Grid Layout version 0.7
Css Grid Layout version 0.8.0
### added new Methods
- setMargin
- setPadding
- setSpacing
- setOverflow
Css Grid Layout version 0.8.1
- padding + overflow fixes for Firefox
- added convinence constructor to FlexibleGridLayout
- added withAutoFlow to FlexibleGridLayout
Css Grid Layout version 0.8.3
Css Grid Layout version 0.8.4
- updated to current version of org.vaddon.mediaquery
- removed redundant tests and classes
- using the ClientMediaQuery instead of the CustomMediaQuery
Css Grid Layout version 2.0.0.beta1
inital release for Vaadin 14
## *The compatibility mode is currently not supported!*
Css Grid Layout version 2.0.0.beta2
- updated dependencies
## *The compatibility mode is currently not supported!*
Css Grid Layout version 2.0.0.beta3
- updated dependencies
## *The compatibility mode is currently not supported!*
Css Grid Layout version 2.0.0
- updated dependencies