Hi, I'm really glad I've found out about this theme. Finally I can combine the goodness of Panels Everywhere with the greatness of a responsive layout.

I'm still a bit struggling with layout switching, though.

In: appearance/settings/at_panels_everywhere at the 'Layout & General Settings' I can choose from a few different layout designs according to the screen size. I fail to understand how does that relate to the panels layouts.

Basically I'm using Panels Everywhere to layout my entire site and my layout is set through the 'Default site template' layout. So my first thought was that the settings for layouts in the appearance/settings... section are not needed for this Panels Everywhere oriented sub-theme and they are left overs of the Adaptive Theme. But, I'm unsure, especially because I can't see a way of switching my panels layout according to different screen sizes.

e.g: Using the responsive.[type].css files I can serve different css for different screen resolutions. But I can't figure out how to change the panel layout all together and have a different panel layout (which in my case is also the layout for the entire site) for different screen resolutions.

What am I missing?

Comments

jjclint’s picture

After spending the whole night (+ 4 beers) trying to figure it all out I'm now under the impression that the layouts are all set straight from the the ATPE theme settings options menus and that the layout in panels don't mean much when you use this sub-theme. I'm still very unsure though.

Case study:

1. I'm using ATPE and choose to disable Drupal blocks/regions at the panel site_template and all other in use panel pages/templates.

2. At the site_template pages I choose 'AT Panels Everywhere' as my layout and I fill the main content area of the layout with the 'Main page content' page element. Then I fill the second sidebar (side-bar right) area with some taxonomy menu content.

3. I create a new front-page panel page and set it as my home page in my sites config. I set the layout to be 'AT Responsive Panels - 1 column' and fill it with some custom teaser view.

4. I didn't change any settings at the ATPE theme settings, but I've saved the settings so it will generate the appropriate files and I've cleared cache.

The result custom front page is showing the markup and css for the first side-bar, even though it has no content so all you see on screen is actually white space, then it shows the main content and the second side-bar. This layout is the standard layout for desktop and some other devices in the theme settings and that's what leaves me under the impression that the layout options at the theme settings menu overrides the layout options at the panel pages menu.

Am I correct?

I need to get a website up asap and will appreciate a point in the right direction tremendously.

Jeff Burnz’s picture

It seems rather odd that the first sidebar is printing, will need to examine that issue more closely.

I do not know if the "disable Drupal blocks/regions" (which actually only disables sidebars) even works in PE, I have not tried this option lately. Don't assume that anything will work just because its there - these settings are all for Panels, but that's no guarantee they will work in PE.

With regards to layout and what controls what, think about it like this:

- the layout you set and see in Panels, think of this as the desktop layout, what it will look like by default on a big screen.
- the theme settings - think of these as what the layout will change to when viewed in a smaller screen.

That's really about it.

jjclint’s picture

Thanks a lot for the quick reply. Your last clarification:

"With regards to layout and what controls what, think about it like this:

- the layout you set and see in Panels, think of this as the desktop layout, what it will look like by default on a big screen.
- the theme settings - think of these as what the layout will change to when viewed in a smaller screen."

was really helpful and I think I now grasp most of the concept. I was really struggling to understand how does the layout at panels and the layouts in the theme settings relate to each other, and without that bit of information it would have probably taken me sometime to figure it all out. I'm guessing some documentation is needed and as soon as I will fill comfortable enough with the theme I'll write one.

jjclint’s picture

Further clarification needed.

If my panels layout is for desktop and above and the layouts in theme settings are for anything below that (e.g. Tablets, Smartphones...) what is the 'Standard layout' in theme settings for?

I mean if I use the AT Site template in panels for laptops and desktops it seems that the 'standard layout' is not needed and an option to disable it should be available.

Jeff Burnz’s picture

Status:Active» Closed (works as designed)

I said you could "think about it like this", not that it IS like this.

For your feature request, its a won't fix, disabling a particular layout would require very complex code and for you to fully understand and write cascading media queries, or a very complex UI to guide you through such a process. This is an edge case and would ultimately save you nothing.

capellic’s picture

Status:Closed (works as designed)» Active

Sorry that I'm commenting on this case while it's closed-- and also reopening it-- but opening a new case wouldn't benefit from the context of this discussion.

This is a point of confusion for me, too. I'm thinking that while maybe you can't disable the fields, a warning message at the top of theme settings page would be helpful. And then theme the tabs so the background of those device settings is dark.

And I'm lost with regard to this comment:

With regards to layout and what controls what, think about it like this:

- the layout you set and see in Panels, think of this as the desktop layout, what it will look like by default on a big screen.
- the theme settings - think of these as what the layout will change to when viewed in a smaller screen.

I don't see that the layout code produced in themename.responsive.layout.css corresponds at all to any of these fields:

- Choose sidebar positions
- Set the width of each sidebar

It does, however, have an affect on:

- Set a max width

I would really like to stand over your should to have you illustrate how we can change the layouts when using Panels. Because if this can't be done, I'm not sure I understand how AT Panels Everywhere is "adaptive." Maybe I'm just not getting it? Can you put together a quick screencast?