Can this be done in freeway

Hi all,

Does anyone know if (and how) I can make a similar website as this site: pat rick po nsee le . be (without spaces ; )

Best regards,
Bart


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

Maybe my question wasn’t very clear. I’m looking for a way to make a responsive website with a vertical menu on the left that is scrolling like an accordion.
Does anyone have any suggestions?


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

a responsive website with a vertical menu on the left that is scrolling like an accordion.

Not sure if I would use the words ‘scroll’ or ‘accordion’ - really that is a Slide Out Menu.

And certainly you can do that in FW - here is something similar http://www.deltadesign.co/fw_examples/menus/slide-out.html

Or this one for FB - http://www.deltadesign.co/fw_examples/CSSstuff/facebook-css-slideout.html

David


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

Sorry for not replying sooner. I was ‘offline’ for some days.
Thank you for your answer Dave, that’s what I was looking for. Can this be done in Freeway 7combined with Backdraft?

Best regards,
Bart


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

Can this be done in Freeway 7

Certainly in FW7

combined with Backdraft?

Never tried but I dont see why not.

If you have some sort of visual of what you are trying to achieve then we can point you in the right direction.

D


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

Or this one for FB - http://www.deltadesign.co/fw_examples/CSSstuff/facebook-css-slideout.html

David,

Mind sharing how you did this? It’s helpful, and out of the way when you don’t want it! Awesome!

Doty


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

On 22 Dec 2014, 8:31 pm, DeltaDave wrote:

Or this one for FB - http://www.deltadesign.co/fw_examples/CSSstuff/facebook-css-slideout.html

David

Am I the only one where the slide-out disappears on hover? I see the FB tab, but on hover, the slide is gone.

Richard


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

Am I the only one where the slide-out disappears on hover? I see the FB tab, but on hover, the slide is gone.

No you are not. That’s is exactly what I see…

Bart


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

Same here, there are little cut-off pictures where the FB panel was before the slide.

Trev

On 8 Jan 2015, at 16:37, Bart email@hidden wrote:

Am I the only one where the slide-out disappears on hover? I see the FB tab, but on hover, the slide is gone.

No you are not. That’s is exactly what I see…

Bart


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

Am I the only one where the slide-out disappears on hover?

Interesting - seems to be a Safari 8 thing. Can you guys confirm which Browser you experience this with.

It was put together quite some time ago ie Pre Safari 8

D


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

Safari 6.2, viewed with Chrome, it looks fine…


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

Hello Dave, yes it is indeed Safari 8 I was viewing it in with the error.
Trev

On 8 Jan 2015, at 19:44, DeltaDave email@hidden wrote:

Am I the only one where the slide-out disappears on hover?

Interesting - seems to be a Safari 8 thing. Can you guys confirm which Browser you experience this with.

It was put together quite some time ago ie Pre Safari 8

D


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

On 22 Dec 2014, 8:31 pm, DeltaDave wrote:

And certainly you can do that in FW - here is something similar http://www.deltadesign.co/fw_examples/menus/slide-out.html

Or this one for FB - http://www.deltadesign.co/fw_examples/CSSstuff/facebook-css-slideout.html

David

I was playing around with those suggestions but I don’t find out a way to make it work correctly. I’m not very smart I’m afraid…
I wonder if it could be a solution;
If I use a vertical CSS menu and put the breakpoint at 5000 I’ll see a vertical stroke withe the ‘hamburger’. If I click on this symbol the menu slides out to the right. The only problem is that the stroke with the hamburger should have a 100% height and the menu should slide-out max. 30% to the right. Now the menu appears full screen.
Is there a way to style the menu? I hope this could solve my problem?

Thank you for any suggestion


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

Dave,
Your example appears to be using an old version of the Facebook Slideout Panel Action (although makes no mention of this). I fixed the issue with the overflow on the parent container at some point late last year and updated the Action.
http://www.freewayactions.com/test/facebook-slideout-panel/
Regards,
Tim.

On 8 Jan 2015, at 19:44, DeltaDave wrote:

Interesting - seems to be a Safari 8 thing. Can you guys confirm which Browser you experience this with.

It was put together quite some time ago ie Pre Safari 8


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com


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

Your example appears to be using an old version of the Facebook Slideout Panel Action

It was actually hand coded - no actions were harmed in the construction of this example!

So the overflow on the parent should be set to visible?

D


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

Hi Dave,
OK my mistake then. I can see now that you’ve hand coded the image path for the tab image. What had me think you’d used the Action is the fact that you’ve use the exact same class names as the Action, the same code and pretty much the same code indentation. Small world.

Set the overflow of the tab image container to visible as Safari 6+ is incorrectly setting it to hidden which is why the Facebook icons were only getting displayed in the area that the tab had occupied on the page.
Regards,
Tim.

On 9 Jan 2015, at 15:06, DeltaDave wrote:

It was actually hand coded - no actions were harmed in the construction of this example!

So the overflow on the parent should be set to visible?


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com


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

On 9 Jan 2015, 8:16 am, Bart wrote:

I was playing around with those suggestions but I don’t find out a way to make it work correctly. I’m not very smart I’m afraid…
I wonder if it could be a solution;
If I use a vertical CSS menu and put the breakpoint at 5000 I’ll see a vertical stroke withe the ‘hamburger’. If I click on this symbol the menu slides out to the right. The only problem is that the stroke with the hamburger should have a 100% height and the menu should slide-out max. 30% to the right. Now the menu appears full screen.
Is there a way to style the menu? I hope this could solve my problem?

I suspect that the above will not be practicable (though I hope someone contradicts me and knows a solution ; )

Maybe this demo shows better what I hope to achieve: jQuery Slick Slide Nav Plugin Demo

On Slick Slide Side Navigation with jQuery and CSS3 | Free jQuery Plugins there is an explanation.

Is it possible to insert this code to obtain a responsive website made in in Freeway 7. Btw, I’m using Backdraft.

Best regards,
Bart


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

What had me think you’d used the Action is the fact that you’ve use the exact same class names as the Action, the same code and pretty much the same code indentation. Small world.

We may both have used another example as a starting point - or you are my long lost twin brother!

As to your most recent question Christian - yes you can certainly use jQuery for this but if you are using any native FW actions on the same page you might have a conflict (never mind the extra page weight of 2 javascript libraries).

With our methods there is no javascript used - just CSS

As to how it will play with Backdraft - not sure but it should be doable.

David


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

Dave,
I want to do the slide out effect a shown in you menus slide-out example but I just want one item to slide out and to toggle with click or mouseover/mouseout.
Can you help me out on this. I need to know where to add toggle the mark-up to a single slide-out item…
Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Tim,
Do you have anything (Action) that I can throw a small CSS Menu in that would have like the Facebook slide-out Panel?

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at: