Posted by justme777 on November 20, 2014 at 4:53am
Since Panopoly moves from it's own to Radix themes, multiple websites I have made with Panopoly built-in themes break.
Reason is that I use the css classes used in the older themes.
I checked if it would be easy to address this but for multiple sites this will take a LONG time.
I understand the reasoning to move to Radix but I also think it should be somehow backwards compatible.
Anyone who knows a solution?
Comments
There's a couple possible solutions...
Sorry for the inconvenience!
Which CSS classes were you depending on? The main CSS class for the template should remain the same, ie. the radix_bryant theme still has "bryant" as a top-level class. So, I suppose it's the region classes?
So, the first option is translating the CSS selectors in your theme for the new Radix ones. Here's a quick translation of some selections, for example, from the "bryant" layout:
A second option would be copying the templates for the Radix Layouts into your theme and modifying them to have the old CSS selectors. I could put together a ZIP of such templates so that anyone who has this issue could copy them in.
A third option, would be to use Panels style plugins rather than CSS in order to style your regions and widgets. This is the most Panels-y approach and what I'd recommend for new sites going forward! You can use the 'stylizer' module (included in Panopoly but not enabled by default) to create style plugins using the UI, if you don't want to write any PHP.
Anyway, I'll work on getting the pack of backcompat templates to copy into your theme as a quick fix...
Quick fix works for me...
Great,
I was already thinking of copying the older templates with the correct selectors in the theme folder....
if you can create a pack of all of them that would be super...
(also a way to assign them to those templates instead of the new radix versions?)
a patch or whatever...
quick fix in this case is fine as far as I am concerned.
one strange selector was .container became .container-fluid
(easy fix off course, but still strange)
Anyway thnx for the quick reply... hope others can use this too!
Ok, I have a backcompat module now!
So, my original plan was to take the radix_layouts templates and add the old CSS classes from panopoly_theme because that would be "forward compatible" and is still the better idea.
However, that proved to be A LOT of work, so I took an easier route and made a sandbox module that switches the radix_layouts to be the old templates and CSS as was in panopoly_theme. This is more of a hack, but it's a quick solution!
You can download the module from it's project page here:
https://www.drupal.org/sandbox/dsnopek/2378979
Because it's a sandbox module (as opposed to a full project), you'll need to use Git to download it.
Well, that was a Bootstrap 2 to 3 thing. The "container" and "span*" classes were only added to make our layouts compatible with Bootstrap 2, and in Bootstrap 3 (whose grid system is used in radix_layouts) you can only use "container" for top-level layouts but our layouts need to be nestable.
Please let me know if that helps!
Forgot to say thanks
Updated everything (had no time before due to other projects), but after a few minor css tweaks its up and running... switching to Radix for future projects :)