FW7 v Backdraft

Freeway
1

Hi Everyone, been playing with FW7 and I love the new responsive features (particularly the easy way media queries implement) however (and i may be doing something wrong or have missed something here)…

If you place say, 4 html items inline across the page contained in a full-width item, there is no way that I can see to ask them to stack in the same way that Backdraft does.

For example, in Backdraft’s multi-modules, you see that on a 4 module item, as the page narrows they stack in a very graceful and expected way (4 becomes 2x2 columns which becomes 1x4 columns etc)

All that seems to happen in FW7 is that they adhere to the percentage settings you set in the inspector so each item just becomes narrower as the screen width gets smaller. I appreciate that some extra CSS manipulation is needed here but it would have been nice to have that option without having to add code manually.

If I understand this properly, a site like this one is still not possible to do out of the box in FW7? (The behaviour of the 4 panels under the main header image)

http://www.wilbytree.co.uk (this was done with Backdraft)

Thanks

Mark

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

You would accomplish this by specifying the width of each inline block in percentages then at your specified break point change its width to a greater percentage width…

So if each block had no margins, then each block would be 25% wide at a desktop size. Then you would click on the tab which correlates to your desired break point and set your width of each block to 50%, then at say 320px (iPhone) wide you could click on that tab and set each block to 100%
NOTE: remember you can also adjust guides at different break points as well as actual drawn items which does make things a lot easier to layout and you can also specify margins with percentages as well so they can scale

all the best max

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Just tried this Max - many thanks, works perfectly. Thanks also for the tips about margins and guides

Mark

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options