Documentation needs to be created on drupal.org and FusionDrupalThemes.com for using the new responsive features in Fusion 7.x-2.0-beta2+ and Fusion Accelerator 7.x-2.0-beta1+. This includes explanations of the requirements for responsive layouts (fusion/accelerator versions), how to use the new theme settings, review of new options in Fusion's .info files, how to support IE, etc.

Rought outline:

  1. Requirements
    • Fusion Accelerator 7.x-2.0-beta1 or later
    • Fusion 7.x-2.0-beta2 or later
  2. Enabling Responsive Layouts
    • on/off setting for responsive
    • Desktop layout options
    • Table layout options
    • Smartphone layout options
    • custom media query options
  3. Advanced usage and setting defaults
    • Review of settings in theme .info files
    • Using media queries for CSS styling
    • Tools for advanced responsive/mobile sites (mobile tools, context, etc.)
  4. Supporting IE (details in fusion_accelerator/fusion_responsive_ie/README.txt)
    • requires Libraries API 7.x-2.x
    • Enable fusion_responsive_ie
    • Install respond.js
    • requires CSS caching

Comments

esmerel’s picture

right-o, this goes relatively high on the to-do list :D

sheena_d’s picture

Are there links to those pages from the main Documentation navigation? We should probably make a new topic under "theme developers" called "utilizing responsive layouts".

esmerel’s picture

there aren't, but there should be - steph and I had chatted about it briefly but couldn't come up with the best place for. I think your suggestion will work, so I'll set it up there. It definitely *does* need a home.

esmerel’s picture

do we have any good resources on media queries? I looked around a bit and wasn't finding something that immediately made sense to me or was reasonably translatable even. :/ course, my search-fu could have been pretty weak too.

For the info file settings, we already have http://fusiondrupalthemes.com/support/theme-developers/creating-your-own... - I'm debating; do we modify this page for the rest of the info file settings (Since we have a section called 'Deconstructing the info file' there already), It seems like we should, and we can cross reference the two.

esmerel’s picture

Status: Active » Postponed (maintainer needs more info)

I updated the info file page on fdt, and everything is replicated on d.o; I just need some helpful info on media queries and to add mobile tools somewhere.

sheena_d’s picture

Are you looking for general resources on media queries, or something specific to how we implemented them in Accelerator?

esmerel’s picture

Status: Postponed (maintainer needs more info) » Active

either? :) General info is good; I don't know anything and I can likely extrapolate fusion specifics from a good general source

esmerel’s picture

http://millwoodonline.co.uk/media-queries-drupal is a nice quick runthrough. I don't know why I didn't find it the first time I went looking.

esmerel’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

erashishpadhy’s picture

THIS IS A BODY OF WEBPAGE.

oscardax’s picture

Thanks esmerel for the link in #9 and for the previous ones!!
I've noticed a minor typo in the url. The right one is: http://www.millwoodonline.co.uk/blog/media-queries-drupal.

Cheers

oo7_golden_1’s picture

I’m not quite sure if it’s a Fusion Accelerator issue but I have been having difficulties finding the Fluid and Fixed theme settings in my Acquia Marina (Acquia Marina 7.x-2.0-beta1+10-dev). I left a call for help in the themes issue queue a couple of months ago at https://drupal.org/node/2086281 but my cries have gone unanswered so far. I was hoping that someone could tell me what I’m doing wrong, and what I am missing. How can I make my theme Fixed as opposed to Fluid. If anyone can take a minute or two to respond to my original post (or this one) and let me know, I would GREATLY appreciate it.

~James~