Vue-grid-layout: Responsive Contribution

Created on 29 Jun 2018  路  4Comments  路  Source: jbaysolutions/vue-grid-layout

I commented a few days ago on issue #177 .

I think I have a way to add a responsive element into this package.

The basic idea is to add a few new properties to grid-item (smallH, smallW, mediumH, mediumW, largeH, largeW) that will allow users to assign different widths and heights based on screen size. grid-layout can then be modified to use matchMedia (https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) and resize the grid-items as needed. Would this be an acceptable solution?

help wanted
Source
picture jeremytiki

All 4 comments

There is a PR (#194 ) with some responsive support. Let me take a look at it first. Hopefully I'll have some time this week.

gmsa picture gmsa on 2 Jul 2018
👍1

@jeremytiki the other PR is not working, so you if are willing to try implementing responsive support, it would be much appreciated.

gmsa picture gmsa on 19 Jul 2018

Sorry, just saw this today. I believe I have a working version, I'll see if I can get an PR together.

jeremytiki picture jeremytiki on 3 Aug 2018
👍1

https://github.com/lrembacz/vue-responsive-grid-layout

EdwinBetanc0urt picture EdwinBetanc0urt on 9 Jul 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

gmsa picture gmsa  路  8Comments
vitorhps picture vitorhps  路  3Comments
llwinner picture llwinner  路  3Comments
nosizejosh picture nosizejosh  路  6Comments
jovanmabilin picture jovanmabilin  路  6Comments