If I go into canvas settings and set a fixed width of 920px on a flexible layout, why does there seem to always be 15px less of space to deal with when sizing my regions? So I set my left region at 215px but my right region is only allowed to go to 690px which equals total of 905px? I looked at the class in firebug when page is rendered and its making .inside -905px margin left and 905px padding left. Is this a bug or is there something I'm missing?

Comments

merlinofchaos’s picture

merlinofchaos commented

That's a very good question. It's possible that it's enforcing some padding, which would reduce the available space, but I think there may be a calculation error or something somewhere as well. I think someone else has reported this, and I've been unable to figure out precisely what's going on.

apmsooner’s picture

apmsooner commented

Yeah its definitely taking the set canvas width I put in. I took out the column and region paddings in that section and that has no effect so the -15px is definitely coming from the layout designer.

jim kirkpatrick’s picture

jim kirkpatrick commented

I'm getting this too - there's always 12-16px I cannot seem to get, despite telling the layout editor all the correct widths.

However, I notice that if I the CSS selector .panel-flexible-edit-layout .panels-flexible-row-inside (line 255 in panels/plugins/layouts/flexible/flexible-admin.css) has these CSS rules: border: 1px dotted blue; margin: 5px; And those values add up to 12px (5+1+1+5).

If I disable the rules in Chrome the 12px is back and the layout designer stops stealing my pixels! I can then move the slider all the way over to almost its full extent within the width of my container. Then the same is true of the green dotted border on .panel-flexible-edit-layout .panels-flexible-column-inside - disabling the border here gets me the other few missing pixels and finally allows the designer to work with the full container's width.

So it seems we either need to use padding instead of margins on these elements with negative margins to counter the border/padding we add, or we need another way of showing the layout that doesn't use pixels within the designer - or we modify the designer's code so that it somehow takes into account its own UI in its measurements... Or something else?

janyo’s picture

janyo commented
Version: 6.x-3.7 » 6.x-3.9

subscribing - i'm getting the exact same problem too. It's in the space of less then 10px for me, so I always have to trick panels by making the canvas size a bit larger - which by some magic doesn't seem to break the layout in any browser.

would be great if it would work correctly though. hope you find time to look at that at some stage... as otherwise the layout builder is awesome!

Letharion’s picture

Letharion commented
Title: Canvas settings » Flexible Panels "steals" some layout space.
summit’s picture

summit commented

Hi, Not only the flexible lay-out, also the other lay outs I think steal pixels..isn't it?
greetings, Martijn

patrickroma’s picture

patrickroma commented

The CSS-Soution in firebug worked as described in #3 also for me by disabling in panels/plugins/layouts/flexible/flexible-admin.css: 

.panel-flexible-edit-layout .panels-flexible-row-inside {
  margin: 5px;
  border: 1px dotted blue;
}

It seems to work perfect also in the frontend (meaning it now calculates without the added pixels by the Layout designer)- the only disadvantage seems a UI-Problem for the layout-designer (no white space for the editing fields) or am I missing something fundamental?

japerry’s picture

japerry
Location KOMK
commented
Issue summary: View changes
Status: Active » Closed (outdated)

Closing this issue as outdated as Drupal 6 ctools is not supported. If this issue is relevant for Drupal 7, feel free to re-open and mark for Drupal 7 (or 8)