Spry Menu 2

Posted on 2011-04-27
Last Modified: 2012-05-11
Im using Dreamweaver CS5 and Spry for navigation.
I had a spry menu working that was created within Dreamweaver and all worked fine except that sub menus would not appear on iPhone/iPad. Doing research, I was directed to using WIDGETS within Dreamweaver as Spry Menu Bar 2 works on iPhone.

I styled the file the way I wanted it through the WYSIWYG wizard and all seemed fine. I placed menu into my dreamweaver page - but two problem arose.

1) In design view the menu is "open" ie. all sub menus etc.. are visable and it takes up quite a bit of room on the screen and is difficult to work with. Is there a way of collapsing this in Design View?

2) The main problem: I can't get the Properties Pane to work when I highlight the new Spry Menu.
The Pane will appear but all that is on it is the name of the DIV or menu. There are no other options available - to add levels etc....

Anybody, any ideas?

Question by:GraphicHQ
    LVL 70

    Expert Comment

    by:Jason C. Levine
    Hi GraphicHQ,

    I'm confused.  Technically, the Spry Menu Bar is a widget.

    1) If this is Spry code that is different (read: newer version) from what is shipped in Dreamweaver, you may not be able to get Design View to play nicely with it.   If this is edited code, you may not get Design View to play nicely with it.  Where did you get it?

    2) That definitely sounds like you are using non-standard code.  DW can't handle the newer code nor recognize it as a Spry menu so there are no behaviors to handle it.  You are going to be stuck hand-editing the code in Code View.

    Author Comment

    Hi Jason,
    Thanks for reply.

    1) It is a Dreamweaver Extension that was created by the Adobe Dreamweaver/Spry Team.
    Within Dreamweaver, Under "Insert" menu you click on "Widget" and this takes you to Adobe Exchange. Here you can select, and manipulate the item you want and import it into Dreamweaver.

    2) I have done further research on the internet last night into the Menu Bar. Apparently you can't edit this though the Properties Panel in Dreamweaver, but in Code or Design View. Not a big problem as its just cut/Paste/Edit.

    3) My issue now is : in design View the Menu is "Open" - the whole thing sub menus and there submenus are cascading down the page - taking up a lot of room and difficult to work with. In Live view and on the Browser it looks as it is. But in Design view it appears as an unordered list without styling.

    Any ideas...?

    LVL 70

    Accepted Solution

    Okay, that explains it...thanks.

    Widgets are funny little suckers, not fully integrated into DW no matter what Adobe says,  and it may be that they are not fully supported in Design View.  The "normal" Spry menu that is included with DW renders properly but if you add any other ajax-y menu, you may well indeed see it as an unordered list until you switch to live view or preview in the browser.

    The other option is you did something when editing the styles and removed a critical property and now DW can't render it in Design View.  But this would also affect live view and the browser so I doubt this is the case.

    Author Comment

    Hi Jason,

    I guess you're right I'll probably have to live with it for now.

    LVL 70

    Expert Comment

    by:Jason C. Levine
    This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
    I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
    Migrating to Microsoft Office 365 is becoming increasingly popular for organizations both large and small. If you have made the leap to Microsoft’s cloud platform, you know that you will need to create a corporate email signature for your Office 365…
    This video gives you a great overview about bandwidth monitoring with SNMP and WMI with our network monitoring solution PRTG Network Monitor ( If you're looking for how to monitor bandwidth using netflow or packet s…

    733 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now