Drupal 7 port of AT Panels Everywhere

Yes I am going to do this, I really need to get up the speed with Panels Everywhere in D7 and see if there are many/any major changes that I need to think about. Pretty slammed right now but I want to do this as soon as I get the time.

subscribe! Super excited about the idea of switching my site over to a Panels Everywhere theme, especially an AT Panels Everywhere theme.

subscribe +1

sub

Subscribe

subscribe

I've recently cut the 7.x-2.x version of Adaptivetheme - I rewrote the layout engine to use media queries and support mobile/small screen devices etc (responsive and adaptive type layouts supported), this is the version I will base the Panels Everywhere version on, so I can include Panel layout plugins that also respond/adapt with media queries, well, that's the plan at least :)

That sounds just the ticket. Especially the support of responsive layouts .

I'm looking forward to this too. Also willing and ready to try this out and give feedback, Jeff.

I can't wait to try! Panels everywhere+responsive layout is going to be an awesome combination.

Is there a time estimate of the D7 version of this theme?

Really interested in this as well. Any way I can help this along (happy to make a contribution if it will help)?

OK, so this is now on my 2012 Roadmap and work will commence shortly. I have some valid reasons why I waited so long for this to take place:

1. I wanted to see if PE or at least the PE concept was going to make it into Drupal 8 and how things might play out along those lines. Looks like this will happen, although it won't be called this, if we read between the lines of Crells Drupal Initiative we can clearly see a Panels like UI coming for "blocks" in D8.

2. Wanted to see if any major distro's picked up PE, indeed one has - Node Stream.

3. Wanted to wait and see if Merlin would make any earth shaking changes, he hasn't, which is good I think, its looks real stable for D7.

4. This was always going to be dependant on "responsive panels", meaning that needs to happen first, to make/design Panel layout overrides that are responsive - this is the single biggest feature request I get (almost daily emails etc...).

So, time to make this happen.

Road Map 2012: http://drupal.org/node/1389536

Jeff,

The attached theme is a Drupal 7 clone of at_panels_everywhere theme. It is called open_adaptive, comes with two panel layout: Open Adaptive site template and Open Adaptive naked.

It is a subtheme of Adaptivetheme works with Adaptivetheme settings page (with all adaptive/responsive woodoo). Beware of the following code on line 32 of template.php:

  $vars['classes_array'][] = 'two-sidebars';
  //  $vars['classes_array'][] = 'no-sidebars';

This is a quick hack to make things work. For more details, please see the following issue: https://drupal.org/node/1379538

I hope this code can be converted straightforward into a patch for at_panels_everywhere theme.

Best,
Mukhsim.

AT Panels Everywhere Drupal 7 port. First attempt.

Great stuff mukhsim - I'll take a look over this shortly and create a 7.x branch in GIT, so we can get started with some testing.

The attached patch requires Panels module patch in order to properly pick up page's body element classes: https://drupal.org/node/1379538#comment-5472696

To use:
1. Enable this theme
2. Use "AT Panels Everywhere site template" layout for your default site template.
3. At your Default Site Template's Panel Variant's "General" configuation tab: disable all core drupal body classes in Remove body CSS classes section: "no-sidebars one-sidebar sidebar-first sidebar-second two-sidebars".
4. Add body CSS classes depending on which sidebars have content:
   • no-sidebars
   • one-sidebar sidebar-first
   • one-sidebar sidebar-second
   • two-sidebars

This provides out of box, configurable through theme settings page, responsive Drupal 7 theme compatible with Panels Everywhere.

Best,
Mukhsim.

This sounds exactly like what we need!

@mukhsim - the patch is totally rocking, I mean its the exact thing I have been thinking we need to do! Can't thank you enough for your efforts here, you saved me a lot of work and thinking and I was able to roll this it out in a few hours.

What I have done initially is bash out a D7 version (its in GIT now, the dev should roll out in the following hours sometime when D.O generates it), but wait for that patch to land in #1379538: Allow custom body classes before adding in the site template option.

At the moment the theme is kind of knee capped without those body classes and no truly responsive site template, therefore I have hidden many of the responsive settings (for sidebar position/width etc), this is only temporary until that patch for body classes lands.

I build some responsive panels layouts into the 7.x-3.x version of Adaptivetheme so everyone should use the 7.x version of ATPE with 7.x-3.x Adaptivetheme (currently in dev also). This is a way to get a pretty responsive site up and running on PE, the plugins could do with more refinement, please see #1332796: Make Panels layouts responsive

I think with these new development and the "AT Panels Everywhere site template" this will be an amazing theme.

I really like the approach mukhsim has taken with this - the Open Adaptive theme is very good, the plugins are great and this is stuff we should get into the theme. One step at time I feel, I would really like to see that patch landed first. I think we can add the other plugins now, no problem with that.

Heres a screenshot of AT Panels Everywhere running with the Site Template. This is built of mukhsim's work and adapted slightly:

@Jeff Burnz So only trouble is body classes array alteration? #1379538: Allow custom body classes
Probably having a meta-roadmap issue could be helpful

andypost - as of now that patch is no longer required to make this work - I decided another approach so we are free of relying on body classes, instead the Site Template builds its own layout classes variable.

The atpe-site-template.tpl.php is wrapped by a div that will print an ID (entered through Panels UI) and the sidebar layout classes, so all the layout theme settings will work.

<div<?php print $css_id ? " id=\"$css_id\"" : ''; ?> class="<?php print $sidebar_classes; ?>">
....
</div>

Seeking feedback #1447426: Design and build UI for Responsive Panels Layout Options

Using "content" in atpe_site_template.inc causes issues with Display Suite, i would change this to something like "main_content".

travisc -what kind of issues are are talking here, its no problem to change, just wondering what you experienced.

He's referring to http://drupal.org/node/1468576, a ds issue I think.

Just curious what is standing in the way of a 1.0 release? 7.x-1.x-dev has not be updated since February. I am really quite interested in this, but am not sure how to move forward of if there are other theme options which I should consider.

Just use it, it works very well. I will make a full stable release after Adaptivetheme 7.x-3.x is released as stable, which is going to be later this week.

The issue pointed to in 24/25/26 is now resolved in Display Suite.

Woot!

In #28 @Jeff Burnz will create a stable release as soon as http://drupal.org/project/adaptivetheme has one ... as of July 30 it has one.

It would be great to have one now :)

(/me lots to learn about AT and PE)