It’s called a “liquid” (sometimes “fluid”) layout.
Yes it can be built with FW but it’s a hands-on process and I believe
the RPL action is not yet capable of handling such things; fixed-width
only. It is a technique worth learning so don’t let the fact that
there isn’t a point-n-click solution put you off. Search the list. Dan
J. probably has a screencast on his site too.
It is a technique worth learning so don’t let the fact that there
isn’t a point-n-click solution put you off.
Actually, it is kind of point and click within Freeway.
With the text box selected, you can choose to fix the right side of
the box a defined number of pixels (or percentage) from the right hand
side of the browser window.
For example:
Draw your HTML box on the page and fill it with text.
In the Inspector Dimensions panel,
a: Left margin to 25px
b: Top margin to taste
c: click the Width button to turn it off
d: set the Height as desired
e: click the Right margin to activate it and enter 25px
f: set Bottom margin as desired
Publish and test.
The box should now grow with the width of the browser window.
If you are using the RPL action for the page, you may have to apply
the Remove from Relative Page Layout action to the text box.
Heather, your instructions followed to the letter, not seeing
anything.
Oh. =o(
I’ll follow them myself and see if I’m having a senior moment…
Ah. Make sure the fluid text box is a layer item (green outline).
Check to see whether the CSS Layout button in the toolbar is on or
off. If the text box has blue outline HTML item it won’t be flexible.
Also make sure your page is not set to Align: anything. If you Align:
Center, the page will have a defined width, and so the percentage
dimension will always relate to that defined width.
Walter
On Oct 17, 2010, at 2:02 PM, Heather Kavanagh wrote:
On 17 Oct 2010, at 17:53, MFWills wrote:
Heather, your instructions followed to the letter, not seeing
anything.
Oh. =o(
I’ll follow them myself and see if I’m having a senior moment…
Ah. Make sure the fluid text box is a layer item (green outline).
Check to see whether the CSS Layout button in the toolbar is on or
off. If the text box has blue outline HTML item it won’t be flexible.
How the CSS Toolbar Button is set doesn’t seem to matter. Looks
like the pertinent setting are Alingment is None and HTML box is
Layer.
All the CSS button in the toolbar does is set the state (layered or
not) of items you make from then on. It doesn’t change the state of
anything that’s already created.
Switching something from table-positioned to CSS-positioned and back
is just a matter of toggling that Layer checkbox in the inspector
palette.
But yes, the flexi-trick thing does also rely on the page alignment
setting being at None.