Currently using fusion with panels creates a sticking point because a three column panel will completely break a site grid. This comes from the panel columns having css defining % widths.

Having a layout like grid-4 grid-6 grid-6 will work well as well as many more.

CommentFileSizeAuthor
#1 layouts.zip8.04 KBthill_

Comments

thill_’s picture

thill_ commented
Status: Active » Needs review
StatusFileSize
new layouts.zip8.04 KB

I have created 4 layouts to start with for the fusion base theme. Two three columns and two two columns. These add up to 16 columns so for these to work there has to be no blocks in the sidebar regions. I am not 100% sure this is the "very best" way of solving the problem, however it works very well, and keeps panel pages and nodes from breaking the site grid.

The layouts are as follows:

4/6/6
6/6/4
4/12
12/4

This layouts folder should go right in the fusion folder so it looks like fusion/layouts

I also had to add one line in the fusion.info file:

plugins[panels][layouts] = layouts

I also had to add a tiny bit of CSS because of some pesky margin issues with panel nodes.

.node-type-panel #content-inner-inner {
  margin: 0;
}
.node-type-panel #content-content .inner {
  margin: 0 10px 0 10px;
}

I am sorry for this not being in a patch file, I can't figure out haw to create a patch file that adds a folder.

thill_’s picture

thill_ commented

I had to add a little more CSS

form#panels-edit-display-form .block {
  overflow: visible;
}
sociotech’s picture

sociotech commented

thill_,

Thanks very much for the code! I'll take a look at it asap. Your timing is good as we're currently also working on other somewhat-related issues having to do with nested percentages.

protoplasm’s picture

protoplasm commented

I'm testing out a large production site in sandbox with fusion core. Minipanel block with two columns also collapse in on themselves and in the content top region and they float up and overlap blocks in the same horizontal location despite setting several different options provided (like no float; place the items in different content regions like content and content top and there is no problem). I'm not sure if this is a fusion problem or skinr problem. Probably more a bug than a feature request?

jon nunan’s picture

jon nunan commented

#1 works for me. Just a note if you use a panel as your homepage the class 'node-type-panel' isn't used on the front page so you may need to adjust your CSS selectors.

esmerel’s picture

esmerel commented
Status: Needs review » Closed (duplicate)

I'll crossreference this with fusion Accelerator: #1373296: Support Panels - the grid tools are all in there now.