I have a panel in code with a threecol_25_50_25_stacked layout. If I change the widths in the exported code in networkpanel.pages_default.inc, it has no effect. Even after caches are cleared.

Do I have to do anything else besides change the width values? (to all equal 100)

    'center' => array(
      'type' => 'region',
      'title' => 'Center',
      'width' => '52.15353517350266',
      'width_type' => '%',
      'parent' => 'main-row',
    ),
    'left' => array(
      'type' => 'region',
      'title' => 'Left',
      'width' => '17.91350206847606',
      'width_type' => '%',
      'parent' => 'main-row',
      'class' => '',
    ),
    'right' => array(
      'type' => 'region',
      'title' => 'right',
      'width' => '29.932962758021326',
      'width_type' => '%',
      'parent' => 'main-row',
      'class' => '',
    ),

Comments

picxelplay’s picture

picxelplay commented

Let me revise my question:

I am working with a fluid 100% theme.

I have created a custom layout in Panels; it is based on threecol_25_50_25_stacked (First column is 25%, center is 50%, and last is 25%), and I created it for a 20/50/30 layout.

In the original threecol_25_50_25_stacked CSS file, the code is:

.panel-3col-stacked .panel-col-first { 
  float: left; 
  width: 25%;
}

.panel-3col-stacked .panel-col .inside { 
  margin: 0 .5em 1em .5em;
}

.panel-3col-stacked .panel-col { 
  float: left; 
  width: 50%; 
}

.panel-3col-stacked .panel-col .inside { 
  margin: 0 .5em 1em .5em;
}

.panel-3col-stacked .panel-col-last { 
  float: left; 
  width: 25%; 
}

.panel-3col-stacked .panel-col-last .inside { 
  margin: 0 0 1em .5em;
}

In my CSS for the custom layout, I changed the widths to 20%, 50%, 30%, respectively.
When I resize the browser window, and dragging it smaller, the first column gets overlapped with the center column. With all padding and margins unchanged, it should not do this, should it?
The original layout 25/50/25 does not do this. What am I missing?

Here is a breakdown of the themes I have tested:

  • Garland

    • Original 25/50/25 Stacked: overlaps
    Custom 20/50/30 Stacked: overlaps

  • Acquia Propser Fluid (Fusion sub-theme)

    • Original 25/50/25 Stacked: does not overlap
    Custom 20/50/30 Stacked: overlaps

  • Fusion Core Fluid

    • Original 25/50/25 Stacked: does not overlap
    Custom 20/50/30 Stacked: overlaps

  • Zen Core Fluid

    • Original 25/50/25 Stacked: does not overlap
    Custom 20/50/30 Stacked: overlaps

  • CTI Flex (Zen Sub-theme) Fluid

    • Original 25/50/25 Stacked: does not overlap
    Custom 20/50/30 Stacked: overlaps

Original 25/50/25 Stacked Screenshot:
http://i.imgur.com/bUVTf.png

Custom 20/50/30 Stacked Screenshot:
http://i.imgur.com/BKUMG.png

I also put the panel that goes with this layout in code. Do the widths in the networkpanel.pages_default.inc file need to be changed? They don't seem do really do anything.

wolmi’s picture

wolmi commented

I have the same problem with panel exported with features, any sugestion?

Letharion’s picture

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

This problem seems to be concerned with css only, and not Panels, and as such I'm closing it.