Hi,

Have been using AT themes for couple of years and actually like them... But want to try something new and not worse - like Bootstrap :)
One feature which I miss the most is the built-in feature of Adaptive Theme show "intermediate" layout, where in tablet-like screen sizes one of the sidebars is stacked horizontally, instead of both.
Although this is not the major feature, but I have found this very very usable and good for overall usability.
Question is: is it possible to do with Bootstrap? Without heavy hacks/coding? Without Panels??? (I am a Context guy...)

Thank you.

Comments

valkum’s picture

valkum commented

I'm not sure if this is supported by twitters bootstrap.

el7cosmos’s picture

el7cosmos
Primary language Indonesian
Location 🇮🇩 GMT+7
commented

@valkum yes it does. http://getbootstrap.com/css/#grid

<div class="row">
  <div class="col-xs-12 col-sm-3 col-md-3 well">sidebar left</div>
  <div class="col-xs-12 col-sm-9 col-md-6 well ">content</div>
  <div class="visible-sm clearfix"></div>
  <div class="col-xs-12 col-sm-12 col-md-3 well">sidebar right</div>
</div>

Result http://jsfiddle.net/el7cosmos/ZeJfX/4/embedded/result/

  • Three column on desktop
  • Two column on tablet, right sidebar stacked to bottom, like @PlayfulWolf said
  • One column on phone, full stacked
playfulwolf’s picture

playfulwolf commented

your example is the exact thing, thank you!

el7cosmos’s picture

el7cosmos
Primary language Indonesian
Location 🇮🇩 GMT+7
commented

The question is how we implement this as theme setting. Maybe for 3.1

playfulwolf’s picture

playfulwolf commented

The UI like in Omega 3.x would be totally cool

markhalliwell’s picture

markhalliwell
Primary language English
commented
Title: Emulate Adaptive Theme behavior or different layouts at different screen widths magic...? » Region layout/responsive grid theme settings
Component: Documentation » Code
Category: Support request » Feature request
Issue summary: View changes
Status: Active » Postponed

Definitely not like the UI in Omega 3.x. That was always a nightmare to manage (both in code and the UI). This issue will definitely need more thought (along with how to properly revert theme settings). I agree with @el7cosmos, this is probably a 7.x-3.1+ release.

edit: err, probably a 7.x-3.3 or 7.x-3.4 release.

playfulwolf’s picture

playfulwolf commented

:) ...yes it was not so easy with Omega3, but still don't know better example.

markhalliwell’s picture

markhalliwell
Primary language English
commented
Status: Postponed » Closed (duplicate)
Related issues: +#2128129: Provide setting to change sidebar/content widths