I am just getting stuck into freeway and loving it!
One thing I would like to know is…
I have 3 html items on top of each other each containing text. If the top item’s text makes that box grow bigger, how can I get the boxes below to move down the page automatically without me having to move them manually?
I’d want a permanent 10px margin between each item and I’d want this to stay when any of the boxes grow.
The keywords here are either RelativePageLayout Action or a more or less simple inline-construction.
RPL:
It is an action applied either on the entire page or on specific elements. All items need to be placed side by side, overlapping is “forbidden”. Unfort. I know not more cause I never (long tome ago) gave it a go.
Inline:
Try simply to:
Create an HTML item (call it wrapper)
Double click inside (flashing cursor) and choose from menu insert HTML item, repeat without doing anything else two times more)
Name those items text1, text2, text3
Single click (mark) text1 and set this to clear: both and margin bottom to 10px. Repeat this for the two next boxes.
Insert each text in each box.
Something similar I wrapped once in a screencast on:
Hi Thomas,
Thank you for your reply. I watched some of your video and also get the idea you mentioned above about the simple inline construction.
Only thing is, on my inspector palette my options are different to yours.
I only get options of
“overflow”
“padding”
“wrap”
There doesn’t seem to be anywhere where I can choose to “clear both” or even set a margin.
This is the setting possibilites for your wrapper, will mean for the “not-inline” one.
Check step 4 and select the inserted ones we named text1, text,2 …
or activate the element view in the side panel to select (better) such as I do exactly on 2:27 in screencast.
Then the setting-possibilites should (no they will) appear and reachable for you.
Imagine the wrapper inserted by double-clicking in a blank new page. Make this wrapper as wide as your page. Double click and insert in this wrapper and add the bespoken 3 boxes. Call them header, content, footer. You know what I mean?
Caveat:
You never (or only hard) can step back from this to a regular drop and drag item - once boxmodel always boxmodel.
