Hi, being new to this module am having a couple of problems understanding how to line things up in the grid. I have installed as follows:
1) Enable as main theme (switched on debug grid too), install panels everywhere etc
2) Created a new default site vairent I called "mainpage" and assigned the layour as precision site template

I sgould mention am using Drupal 7 dev version. At this point the grid appears nicely in the middle of the page and I can add my main page content. What I am at a loss with is the grid spacing and how it works. I have created a mini-panel to act as a header with "precision naked" layout (also tried with a standard panels column). Within this I added two custom content items and assign a precision grid style - one with some text and the other with an image. I assigned 16 grid elements to "leftside" and 32 to "rightside" (no padding or shifting).By my count this is 48. However the rightside element is shifted below the leftside until I bring the grid count down to 29. The two are also seperated by what looks like 0.5 a grid cell. I have tried various combinations of ticking the alpha and omega boxes but no joy. I would like it to be a 16 grid element and 32 element with no spacing between.

What am I doing wrong?

Thanks

Ben

Comments

Snipon’s picture

Snipon CreditAttribution: Snipon commented

First you will need to make a default site template wich will be the skeleton for the site. This is where you put in the header, main menu, footer etc.
The layout of the site template should be site template and nothing else.

After that you need to create a page variant. Wich can be a default node display, certain url page and so on. Here you can define wich layout shall be used, see them as region layouts.

When you are adding panes, the width and position of theese can be determined by the precision grid pane style.
Here you can define the number of columns, push/pull, alpha/omega and such.

bejam’s picture

bejam CreditAttribution: bejam commented

Thanks for that. Just to clarify (because I think I followed your process). In panels I set the "default site template" to have "precision default site template" layout. At this point I see the debug grid nicely lined up in the centre of the screen.

I then added my header to this which is a mini-panel. The mini-panel has style of precision naked and within the mini panel two elements with style precision grid (width 16 and width 32 respectively). This is where I am having problems because I would expect 16+32 to fit nicely into a 48 total width and lay out next to each other. They don't - one falls below the other until I lower the width of the second to 29. Also there is a small seperation between the two elements in the mini panel (looks like half a grid).

Thanks

Ben

Snipon’s picture

Snipon CreditAttribution: Snipon commented

Add alpha to the left one and omega to the right one.

bejam’s picture

bejam CreditAttribution: bejam commented

Thanks. That works great. One other thing, none of the drupal admin pages are displaying correctly when using precision. Equally the user login and comments boxes are not displaying correctly. Is there need to re-include a certain drupal css file?

Snipon’s picture

Snipon CreditAttribution: Snipon commented

The reset css works too hard on the 7.x version. Going to fix that soon.