Today I did the upgrade. I opened a copy of my inline design in 7 but I can not understand how I can get things to work properly.
I deleted all of the CSS which I needed in 6 to let the responsiveness work. But what about my inline construction? Do I have to change the pagewidth according to the different breakpoints? If I do this for the iPad screen, then when previewed in the browser on my Mac, the appearance on that bigger screen is changed too! Do I have to make different designs for each breakpoint? With pagesizes for each breakpoint, and then rearange my inline boxes? What it a good procedure in order to change my existing design?? Must say that now it seems to me that getting things responsive is now even harder to do than the relative easy way I did it in 6 with my inline construction and additional CSS. I tried the whole afternoon, but still no results haha! What am I doing wrong in 7? Or should I leave the inline construction…
I deleted all of the CSS which I needed in 6 to let the responsiveness work. But what about my inline construction? Do I have to change the pagewidth according to the different breakpoints?
That’s what I do indeed. Cause I understand the “breakpoints” more as the “window-width” of each single device.
If I do this for the iPad screen, then when previewed in the browser on my Mac, the appearance on that bigger screen is changed too! Do I have to make different designs for each breakpoint?
You do not have to do “different” designs, you just arrange your DIVs different. You work at a kind of “instance” of your default artwork.
With pagesizes for each breakpoint, and then rearange my inline boxes?
Exactly - it’s most of the time a “width-adjustment”. Reducing the page-width leaves you in a kind of mess first. Start from out and work to the inner DIVs.
What it a good procedure in order to change my existing design?? Must say that now it seems to me that getting things responsive is now even harder to do than the relative easy way I did it in 6 with my inline construction and additional CSS. I tried the whole afternoon, but still no results haha! What am I doing wrong in 7? Or should I leave the inline construction…
Can’t say this for sure - but if you do, what you already did by “figuring” out in mind on canvas, there shouldn’t be much problems. If you followed my screencasts, I can recommend to adjust the default breakpoints to the ones you had (was my first hurdle btw.) This can be done under edit > medias (or media-types forgot).
Thanks Thomas.
It proves I am on the right track. But what about all the border-box things I am reading. It makes me wonder if the settings of my boxes are OK.
One other thing: FW7 hangs when I click on preview after editing a page and the pagesizes of each breakpoint.
I can only force stop FW then.
I’m not sure on what of the list you like to have answers - so let’s answer it here:
This is caused by the box-sizing action (I suppose). After removing all of the instances from my layout everything works fine.
I anyway never used the action, cause I re-adjust the widths in Freeway’s extended dialogue and set the box-sizing: border-box as a general TAG style in the styles dialogue.
Removing the action did the trick for the hanging! Now I am little puzzeld with how to rearange my boxes when I have some boxes next to each other. What is the best way to move one box under the other? This when a page is not wide enough to have boxes next to each other.
David,
I made the tag in the styles menu. But Thomas made it a general Freeway style.
I still think I have to apply it somewhere in my document.
It is not on my sheet1, but I followed Thomasses example and made a new sheet called basic-fw-styles.
I have a feeling I am close to how it should be, but still think I am doing something wrong here. It does not show up in my sourcecode.
Don’t take me wrong guys but this is all well documented in “The Lounge”. Others paid for this in order to prevent them from hours and days of research. I’m neither willed nor well-advised to hand all this on the silver platter.
But you know what? I’m anyway planning to stop support (partially or entirely) and concentrate on other things.
But just so much:
All I gave you is all you need - there is simply not much more to do. There is a screenshot where, and a code what - all the rest is adjusting widths and the understanding that this affects nothing in Freeway - just in browser.