This would be truly helpful:
I would like to see Context Module support for creating a condition for what layout is currently being selected via media query. The idea is to determine what layout is being used and create Context Module reactions based on that condition.

Example:
Condition: Omega Layout = Narrow

Reaction: Blocks: Sidebar First content is put inside and below current Sidebar Second region instead.. etc.

I'm not sure if Omega project or Context Module Project should take this up as a suggestion.

Comments

kay.beissert’s picture

kay.beissert commented

A condition for the currently selected media querry would be great. Then I could use a delta theme as a reaction, where I configure sidebars, footer and so on for the selected screensize. I'm no programmer but if someone could help... ;)

Thanx in advance

cellar door’s picture

cellar door commented
Status: Active » Closed (won't fix)

Unfortunately that's not possible. The Media query is acted upon on the client side and context is on the server side. when creating the page context has no idea what the media query is.

There are discussions of other ways around it but for now this just isn't a possibility using media queries and context.

humanaut’s picture

humanaut commented

I was thinking about something similar.

Basically I am trying to figure out a way of not forcing a user on a small screen to download a 300kb image slider.

Makes sense that context can't really determine media queries but there must be a way to determine what blocks, regions or zones should be loaded.

merch’s picture

merch commented

Hi,

Im using the "Responsive images and styles" (http://drupal.org/project/resp_img) module in conjunction with omega and context this allows me to assign different imagecache to display dependant on the browser width.

The Responsive images and styles module also intergrates as a context condition allowing me to display blocks/delta or what ever based on which imagecache is being used. Seems to work so far for me to create 2 views as block and display one on a mobile device while showing the other one on all desktops (narrow normal wide)