Quantcast
Channel: SCN : All Content - All Communities
Viewing all articles
Browse latest Browse all 3323

Simulate responsive grid layout

$
0
0

Dear community,

 

as Design Studio is lacking of a responsive grid container so far (I hope 1.6 will bring it up), I want to simulate the behaviour in a quite dirty way. Simply adding two grid layouts above each other, the first with 2x3, the second with 3x2.

 

Basic idea is to dynamically show / hide one of the grids (mainly) on iPad when switched to portrait / landscape mode.

 

It works perfectly using css-classes with media queries and command display: none

 

Problem is, the content in the grid layouts listens to onClick()-events, and only the grid layout that is placed at the bottom of Design Studio Layout can be clicked. If it is hidden, the object is still their and overlays the second grid which can't be clicked then.

 

Has anyone ideas how to solve that?

 

Best regards,

Daniel


Viewing all articles
Browse latest Browse all 3323

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>