[Pro] Reproduce this drop down menu in FW6?

Freeway
1

This site uses a drop down menu system that a client wants to reproduce. Is there a way to do this in FW?

Got me stumped!

Thanks in advance…

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

2

Hi
here is the action to do this css menu
http://actionsforge.com/actions/view/238-bam-big-area-menus
good luck

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

3

Hi Carla, Many thanks that looks like just the ticket, I’ll have a go before I confirm I can do it as seems it’s still in beta…
Cheers
Gavin

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

4

You could get this with the Transition FX Action, but I’m not sure how you would get the other menus to slide back when you clicked on one of the other menus. If I was doing this by hand, I would gather all of the submenu elements into an array, and then hide them all before sliding down the one you wanted to show.

To do this long-hand, something like this should work:

  1. Make your tab elements as links to the ID of your submenus. So if you drew the first submenu, and named it ‘firstSubmenu’ in the Name/ID field of the Inspector, you would then make a link using the External tab of the Hyperlink dialog to #firstSubmenu. Make sure that your tab elements have a common parent, and that no other links are inside that parent (as this script will “steal” their clicks). If you make them inline within an HTML box, or just draw them each as positioned child of a single HTML box, then the resulting code becomes much simpler.
  2. After you’ve made all of your submenus (and you just stack these up in place, exactly where they will appear when shown), apply a single classname to all of them. Make a new style in the Styles palette with only the word .submenu in the Name field, and nothing in the Tag field. You don’t need to set any style attributes. Click once on each of the submenus in turn, and apply the style to it. (Since your submenus are stacked, use the disclosure triangle next to the page name in the left panel of the Freeway interface to expand the element list, and click on each of the submenu names in turn to highlight it before clicking the style name in the list.)
  3. Apply Protaculous 2 to the page, and check the “Add Scriptaculous libraries” checkbox. Effects should be checked. Click the DOM Loaded Observer button, and paste in the following (adjust to match your layout elements’ names and class names):

Be sure to change parentBoxId to whatever you named the parent element of all of your main menu tabs. Experiment with the 900px value – make it just tall enough to hold the largest submenu with the font size blown up a couple of clicks. Making this value higher will make the animation faster, and making it shorter will make the animation slower – but too short, and the submenu will never entirely reveal itself.

Walter

On Nov 12, 2013, at 10:08 AM, Evil J Guano wrote:

This site uses a drop down menu system that a client wants to reproduce. Is there a way to do this in FW?

Got me stumped!

Thanks in advance…

Jan Marini Skin Research

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

5

Thanks Walt, being a humble pencil pusher looks a bit beyond me, hopefully useful to some more experienced FW’ers.
One day I shall delve further into the code!
Best
G

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