Repository navigation
Fixed position grid with 100% window height #118
Description
First of all thank you for this useful plugin and for your hard work.
I need to create a responsive layout horizontally and vertically in full window size.
The reason I need it "full-screen" is because of the grid items which should respond on click
events and change position to all 4 edges of the screen randomly.
I changed grid-stack container to 100% width and height and added some css with data attributes like
"data-gs-y" top (position) and "data-gs-height" with percentage but It is not working as smooth I hoped
because in window resizes some items overlap
Thank you again, I hope you understand what I'm trying to accomplish
Activity
[-]Fixed position grid with fixed size items[/-][+]Fixed position grid with 100% window height[/+]alangunning commentedon May 20, 2015
+1 for supporting cell_height as percentages
stefan-schweiger commentedon Jun 9, 2015
+1
nkotha commentedon Dec 22, 2015
+1
radiolips commentedon Feb 18, 2016
It makes more sense for the user to manage this. In order to get the 100% height you're referring to, @Dimosthenis , you can simply take the height and divide it by whatever you'd like before passing a
cellHeightto gridstack. This would work for initial load, but obviously would not be responsive. Now, if you change page size after that, gridstack fires resize events, and these could be used to modify the height or width of the content. I'm personally doing this in my project for some widgets but not for others - which is precisely why it shouldn't be part of the core.