[Pro] scaling window and scroll

Dear all,

I am trying to do something quite specific on my website entrance page to be, and need some assistance.

I have uploaded an example of where I am up to

www.garethbatowski.co.uk

It is only basic but I want a quality feel and application.

I have a high res portrait image as a background which I would like to scale to fit any browser maintaining the maximum width without any horizontal scroll bar even when the browser is resized

I would like the logo (bearchair) at the bottom of the page to enter the box at the top which contain my name etc. as the operator scrolls to the bottom so all this needs to be aligned some how to stay central. with NO horizontal scrolling.

I have tried the “Full background proportional” action which is almost what I want except I cannot scroll to see the rest of the portrait picture.

I dont have too much experience in these matters especially coding etc.
I am stuck a little.
Please help.

Many thanks,
All the best

Gareth

garethbatowski.co.uk


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

Hi Gareth,

while I only understood the half of what you want to achieve, I’m pretty sure that you won’t by simply drop and drag items. This requires a HTML-item in HTML-item construction aka Box-in-Box Model) to achieve (either entire or at a certain level).

This method, which will mean "double click into your page (or another item) so you see the flushing cursor and choose “insert → HTML item” doesn’t need any expert knowledge, however its handling might be tricky and some practice required to not to loose overview.

To avoid side-scrolling, it’s as well necessary to define “widths” of all items (let’s call this DIV) in a relative measure such as percent.

All this has NOTHING to do with Freeway - it’s simple browser requirements and usually ends up in big, big discussions. And while the outermost part of the community is convinced of a “way to complicated method” and SP has to develop something for them - I long jumped on the train “inflow-constructions” cause all the rest of the world (coding spoken) is doing it as well with success.

But if it will be your only page project you do with Freeway, I’d rather review my strategy towards something simplified - honestly.

Cheers

Thomas


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

Hi Gareth,
This is a little tricky to do normally because you want the bear in the chair logo to scroll with the page until it gets to a certain position on the page (inside the boxed panel) and then stop. Cutting edge browsers now support position: sticky which do exactly this but the feature is far from supported across popular browsers.

One answer is to use JavaScript to do the work for us and here Walter’s Sticker Action (http://www.actionsforge.com/actions/sticker) is ideal.

In the following example I’ve replaced the Action with a simple block of vanilla JavaScript that will do more or less the same thing but without needing any JavaScript libraries;
https://dl.dropboxusercontent.com/u/795566/test/sticky-bear/index.html

…and here’s the Freeway 6 Pro file if you want to dissect the page;
https://dl.dropboxusercontent.com/u/795566/test/sticky-bear/sticky-bear.zip

You need to make sure that the user has something way down on the page to scroll to and further away than the current height of the browser window. I’ve added a dummy html box (a div) called scroll-to-me that gives the browser a reason to show the scroll bars and allows the bear to get to his final position in the boxed panel.
Regards,
Tim.

On 13 May 2014, at 19:30, Gareth wrote:

I dont have too much experience in these matters especially coding etc.


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

My concern with your example Gareth is the file size of your background image. At 3.4Mb it is excessively large, especially to be downloaded to a smartphone.

Look at Tim’s example - his image is a quarter of the size of yours.

David


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

Check.

Thanks David.

I’ll have a look tomorrow. I was just piddling about with out puts and plonked in a massive photoshop image.

All the best,
Gareth

Gareth Batowski Furniture
07800 650 628

www.garethbatowski.co.uk

On 14 May 2014, at 20:26, “DeltaDave” email@hidden wrote:

My concern with your example Gareth is the file size of your background image. At 3.4Mb it is excessively large, especially to be downloaded to a smartphone.

Look at Tim’s example - his image is a quarter of the size of yours.

David


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


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

Many thanks to all who replied especially to Tim who came up with a really neat solution ,something should arrive in the post for you as thanks.

All the best,
Gareth


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

Thanks. I’m glad it worked out for you Gareth.
Regards,
Tim.

On 16 May 2014, at 11:07, Gareth Batowski wrote:

Many thanks to all who replied especially to Tim who came up with a really neat solution ,something should arrive in the post for you as thanks.


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