I'm trying to get my head around the positioning part of the omega ui. As I understand it positioning controls the way a page is laid out by the use of weight. So I have a preface zone of 12 columns that has three regions within it -
preface-first - 12 columns (weight 3)
preface-two - 6 columns (weight 4)
preface-three - 6 columns (weight 5)
It works well in that I have the 'call to action' banner filling up the 12 columns and the other columns lining up nicely beneath it.
My issue is I want to rearrange the order for mobile/tablet screens so that preface-first goes beneath preface-two and preface-three. I thought If I turned on customize the region positioning and made preface-first a higher positive number than the others it would drop down on a smaller screen.
Unfortunately all I receive is an error:
--------
"You have chosen to manipulate the region positioning of the Preface zone but the summed region width is greater than the number of available columns for that zone."
--------
Advice appreciated.
Jon
Comments
Push and Pull classes
I think you are trying to accomplish the same thing I did recently using the push and pull classes.
Take a look at the following thread:
http://groups.drupal.org/node/266873
Didn't work
I tried adding the push-11 to preface-1 and pu11-11 to preface-2 in the UI under preface zone regions but this alters the look of the page in a normal layout and doesn't show as expected in the mobile layout?
I thought the concept of customize the region positioning option was that you would not need to use additional region classes?
Jon
Hi, to set this up so it
Hi,
to set this up so it works as you would like:
In the configuration area of your preface zone, tick the box for "Customize the region positioning"
Then fully expand the region boxes and change the weights to reflect how you would want them to appear initially (mobile first). so, i think you wanted preface 2nd to appear at the top, so this cant be weight 0, and then weight 1 etc for the others.
Now you will want to force the position of the region. So you will want the position of preface 2nd to be 4 ( i think, this is where maths fails me), and the position of preface 1st to be 0 and preface 3 to be 8.
this should then all adjust fine. (may need to clear cache, browser a few times)
Thanks for your suggestion. I
Thanks for your suggestion.
I set the regions weights as you described but when I click save I get the dreaded "summed region width is greate that than the number of available columns".
THe column count of the preface zone is 12 columns. Preface-1 is 12 cols long -> long banner and the other two cols are 6 cols long each. I guess that positioning would only work if the entire column length added up to 12 cols or is this wrong?
Jon
Ah, ok. so you need the the
Ah, ok. so you need the the first preface to be 100% even on desktop. Hmm, the regions do need to add up to the sum of the zone. You could either give it a 10-1-1 layout for each region and force the widths to change in CSS, or change the banner to use a different zone/region. Use a region in the header or banner zone maybe? and have it as full with, then use 2 prefaces rather than 3 to display below it.
In this case as it's a 4k I'm
In this case as it's a 4k I'm going to set display:none in my narrow stylesheets. Not what I wanted and something to think about later but it will work.
Jon