Directory

Css Grid Layout - Vaadin Add-on Directory

Build flexible layouts of any kind with css grid Css Grid Layout - Vaadin Add-on Directory
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