WB10 Responsive Design Tips
Posted: Wed Oct 22, 2014 9:42 pm
I've been designing a responsive site in WB10 that uses master frames with headers and footers. A few things I've found helpful are:
-#1, go into the arrange menu and under guide settings select "lock page height". As you copy and paste items between breakpoints this will keep from confusing WB10 and causing frustration as to 'where did that item go' only to find WB10 auto extended the page and you can't find or select your item - it's somewhere off the screen.
-Use the new page header & page footer elements. They respond to your breakpoints properly whereas at this point, a relatively sizing layer tends to trip up if there's a full size nav bar that has to be hidden.
-On page headers, set the overflow to 'none' and then right click the header and select 'object html'. In the html under "custom style" enter "z-index: 100;" (without the qoutes of course) and this will make drop down menus work properly.
-Any items that are to be shared between breakpoints should be entered in on the smallest breakpoint first. This will ensure that in the larger breakpoint you'll be able to select it and move or adjust it.
These are just a few things I've found I thought I'd pass on.
Enjoy,
Nathan
-#1, go into the arrange menu and under guide settings select "lock page height". As you copy and paste items between breakpoints this will keep from confusing WB10 and causing frustration as to 'where did that item go' only to find WB10 auto extended the page and you can't find or select your item - it's somewhere off the screen.
-Use the new page header & page footer elements. They respond to your breakpoints properly whereas at this point, a relatively sizing layer tends to trip up if there's a full size nav bar that has to be hidden.
-On page headers, set the overflow to 'none' and then right click the header and select 'object html'. In the html under "custom style" enter "z-index: 100;" (without the qoutes of course) and this will make drop down menus work properly.
-Any items that are to be shared between breakpoints should be entered in on the smallest breakpoint first. This will ensure that in the larger breakpoint you'll be able to select it and move or adjust it.
These are just a few things I've found I thought I'd pass on.
Enjoy,
Nathan
