Skip navigation
TeeAn
Currently Being Moderated

Spry menu does not show sub menu on iPhone

Mar 1, 2013 5:56 AM

Hi there,

 

Spry menu bar from CS6 does not show sub menu on iPhone. Please help.

 

Thanks,

Tee

 

<TA

 

 
Replies
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Mar 1, 2013 9:39 AM   in reply to TeeAn

    Spry has been deprecated and is no longer officially supported by Adobe. Read more here: http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framew ork-availability.html

     

    Coming to your question, if your Spry menu is triggered on 'hover', it will not work on an iPhone as touch-screen phones cant do 'hover'.

     

    Use a nice jQuery menu that is compatible with mobile devices as well, to make your site more accessible if you're targeting mobile audience.

     

    -ST

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 1, 2013 12:50 PM   in reply to TeeAn

    If you have a budget to work with, look at Project Seven's Menu Extensions for DW.

     

        PVII Responsive Tabs

        http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/i ndex.htm

     

        PVII Pop-Menu Magic2

        http://www.projectseven.com/products/menusystems/pmm2/index.htm

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 1, 2013 3:52 PM   in reply to TeeAn

    To clarify, I use PVII products but I have no financial interest in the company.  Their products are meticulously tested in all browsers/devices and they have wonderful customer support if you ever need it.

     

    Spry menus can go into the dumpster.  New menus (whichever ones you decide to use)  will need to be created to replace what you have now.   If you're good with code, you could keep the HTML lists and links you have now & just strip out all the other stuff.   It shouldn't take you more than hour to deploy a new menu.

     

     

    Nancy O.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Mar 1, 2013 8:01 PM   in reply to TeeAn

    Also take a look at this link. Contains about 45 jQuery Menu plug-ins - free to use - http://www.freshdesignweb.com/jquery-menu.html

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Mar 1, 2013 8:07 PM   in reply to TeeAn

    Is your website a 'Responsive' website? Meaning have you used media-queries or something to optimize it for a mobile phone screen? Or, is it a straight-forward, regular website?

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Mar 1, 2013 8:07 PM   in reply to Sudarshan Thiagarajan

    Also, can you post a link to your current website, if possible?

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Mar 1, 2013 8:33 PM   in reply to TeeAn

    Great. In that case, any menu with NO hover (mouseover) effect or trigger will work on touchscreen devices. Pick a menu plug-in that doesn't have any associations to 'hover' factor.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Mar 1, 2013 9:36 PM   in reply to TeeAn

    Yes - thats the thing. Hovers will not work on touchscreen devices - as touch screens only have 'click' or 'press', you cant mouseover an element with touch screen as you'd do on a regular desktop.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 1, 2013 10:00 PM   in reply to Sudarshan Thiagarajan

    Well-designed and scripted menus work on hover for conventional browsers

    and on touch for mobile devices.

     

    And advanced menus completely reflow and reconfigure for small mobile

    devices. There is only one such menu available as an automated,

    custom-programmed plug-in for Dreamweaver:

     

    http://www.projectseven.com/products/templates/pagepacks/dmm/affinity/ layout-05.htm

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Leader in Responsive Tools for Dreamweaver

    Since 1998

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 19, 2013 4:48 AM   in reply to TeeAn

    they DO work on mobile/touch screen devices:

    Tap and quickly release menu to access sub-level. if there is a sub-sub level, tap and quickly release the sub level to access it.

     

    I put instructions to this effect on my page http://www.marcine.com/pedagogy.html

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 19, 2013 7:17 AM   in reply to Sudarshan Thiagarajan

    Coming to your question, if your Spry menu is triggered on 'hover', it will not work on an iPhone as touch-screen phones cant do 'hover'.

     

    That's not correct. iOS based devices are capable of handling 'hover' events, they transform tap events into hover/click events. Correctly designed CSS menus with :hover selectors will work on iPhone. For items with submenu first tap will open a submenu (emulating 'hover'), second tap will follow the link. They don't even require any special scripting for touch/tap events, 'hover' is sufficient.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 19, 2013 9:09 AM   in reply to ajatix.com

    Poorly designed CSS menus work perfectly on phones. There are a lot of

    poorly designed menus out there. If you properly code your menu so that

    the root items are live links, then you will never be able to access the

    sub-menu items. For a multilevel menu script is required for both

    usability and accessibility on phones. This is incontrovertible.

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 19, 2013 9:32 AM   in reply to Al Sparber

    Wow what an insulting way to phrase a reply.  Besides, perhaps the "non-poorly designed" menus you speak of are the weak ones as according to you they do not work onmobile devices!!!  Ah the small-mindedness of the tech geeks....

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 19, 2013 9:55 AM   in reply to Al Sparber

    Al, what I was saying is iOS is capable of handling root items with live links without any special scripting. First tap opens the sumenu, second triggers the link. All done with CSS :hover, no JavaScript required. We only use JavaScript to add extra nice features to the base (Android / Surface, tap-away-to-close, edge-awareness for submenus, etc.)

     

    Alex

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 19, 2013 10:55 AM   in reply to ajatix.com

    I just tested my site on my android phone via the google chrome browser... same functionality as iOs

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 19, 2013 11:13 AM   in reply to ajatix.com

    Ajatix-

     

    First of all, iOS is not the dominant smartphone operating system. The

    bottom line is that a pure CSS menu does not work in a usable manner. A

    scripted solution such as Superfish or our PMM3/DMM systems is required

    if sub-levels are needed and the designer/owner requires a usable menu.

     

    There really should not be a debate here

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 19, 2013 11:29 AM   in reply to Al Sparber

    I was debating Sudarshan's

     

    if your Spry menu is triggered on 'hover', it will not work on an iPhone as touch-screen phones cant do 'hover'.

     

    any menu with NO hover (mouseover) effect or trigger will work on touchscreen devices. Pick a menu plug-in that doesn't have any associations to 'hover' factor.

     

    as most touch-enabled menus will still contain hover rules or mouseover javascript handles. Even most JQuery menus will contain :hover rules.

     

    There is no disagreement about that with you, Al.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points