Skip navigation
Currently Being Moderated

Need to know how to make spry dropdown work on android?

Apr 9, 2012 12:34 PM

Tags: #spry #mobile_phone #drop_down #android_friendly

My sight URL is http://www.job4you.org and when I bring it up on my android the spry dropdown doesn't work so you can't go to the other pages.  Is there some kind of code I can put in so that it will work on mobile phones?

 
Replies
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 23, 2012 11:58 AM   in reply to sprydrivingmecrazy

    When you say 'it doesn't work', do you mean it just doesn't show up or its not letting you click on links?

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 23, 2012 12:00 PM   in reply to Sudarshan Thiagarajan

    Also, did you run a validator on Dreamweaver to see if your file contains any errors?

     
    |
    Mark as:
  • Jim Carpenter
    509 posts
    Apr 6, 2006
    Currently Being Moderated
    Apr 23, 2012 12:08 PM   in reply to Sudarshan Thiagarajan

    I think what she means is that when you select a menu item, it doesn't open up the submenu items! Same thing on Apple touch and iPad.

     

    Jim

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 23, 2012 12:20 PM   in reply to sprydrivingmecrazy

    Okay, I get it.

     

    I'm assuming you're running an older version of Spry.

     

    Older versions of Spry aren't touch-devices friendly. To achieve the functionality in touch devices, you could probably use onClick or onDblClick functions instead of onHover. Or, you could make a .htaccess file to redirect mobile users to a separate html file all by itself and load minimal, mobile-friendly functionality there. It's a compromise we have to make.

     

    However, Spry UI (aliased as Spry 2.0) supports touch-screen devices. You can read about it here: http://labs.adobe.com/technologies/spry/ui/

     

    Also, there's a very popular plug-in for Dreamweaver that lets you customize and optimize menus to load across devices. It's paid-for but worth it if you're specific about loading your site on mobile devices (especially touch-enabled). You can look it up here: http://www.projectseven.com/products/menusystems/pmm2/ug-examples/acce ssible/index.htm

     

    On the other hand, you could style your menu using pure CSS. This will work across all touch-enabled mobile devices without a glitch as it doesn't load any external functions of any .js files.

     

    The choice is yours to make and I know its a tough one - but I hope you find a workaround! Good luck!

     
    |
    Mark as:
  • Jim Carpenter
    509 posts
    Apr 6, 2006
    Currently Being Moderated
    Apr 23, 2012 12:53 PM   in reply to Sudarshan Thiagarajan

    Good sound advice. I will look into it as I have had a similar problem.

     

    Edited: The spry update widget didn't work for me, but the  PV7 looks like a viable fix.

     

    Jim

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 25, 2012 5:56 AM   in reply to sprydrivingmecrazy

    Did you give Spry UI (2.0) a try yet?

     

    If you've got it to work, please post your response here. It'll help other fellow members.

     
    |
    Mark as:
  • Jim Carpenter
    509 posts
    Apr 6, 2006
    Currently Being Moderated
    Apr 25, 2012 6:59 AM   in reply to Sudarshan Thiagarajan

    I got the spry 2.0 widget for DW5.5 and it didn't seem to work, but then I was just playing with it on my beta site. I will get something to work... or not

     

    Jim

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 25, 2012 9:27 AM   in reply to Jim Carpenter

    Jim Carpenter wrote:

     

    I got the spry 2.0 widget for DW5.5 and it didn't seem to work

    Hey Jim,

     

    Could you please elaborate - what went wrong? What errors did you receive, etc?

     
    |
    Mark as:
  • Jim Carpenter
    509 posts
    Apr 6, 2006
    Currently Being Moderated
    Apr 25, 2012 12:00 PM   in reply to Sudarshan Thiagarajan

    Looking back at the example I did, it does work. It just takes a little more time to load, which yesterday, I probably didn't have the patience. Looking at it now, it seems to work so I will pursue this on my other project as the spry menu didn't work for me. After it worked on my apple device, I had other staff test it on RIM and Android and it worked there also. Thanks for the tip, I now have to rewrite a couple of SSIs to make it work.

     

    Jim

    Added: I got it to work, not I am just tweaking it a bit.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 25, 2012 12:16 PM   in reply to sprydrivingmecrazy

    Log-in to the Adobe Exchange with your Widget Browser and grab Spry Menu 2.0 which supports touch screens.

    http://labs.adobe.com/technologies/widgetbrowser/

     

    When you've got it styled the way you want it in Widget Browser, Save Widget Files to your Local Site folder.

     

    Below is a working example of Spry Menu 2.0 and a couple of other Spry widgets.  View source to see how the Spry support files are organized.

    http://alt-web.com/DEMOS/Spry-test.html

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

    http://alt-web.blogspot.com/

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 25, 2012 10:45 PM   in reply to Jim Carpenter

    Glad it worked. Good luck.

     
    |
    Mark as:
  • Jim Carpenter
    509 posts
    Apr 6, 2006
    Currently Being Moderated
    Apr 26, 2012 6:16 AM   in reply to Nancy O.

    Ok, first post didn't go through, sorry if this is a duplicate.

     

    Thank you Nancy for the example. It was precise, accurate and I appriciate all the great examples you have shared. I did download the widget and got a working menu but it seems there is a lot of overhead (many js files). I also was able to get my older spry menu to work on Apple, RIM and Android, so I am moving forward with that one for now.

     

    Also thank you Sudarshan, your information was right on target.

     

    I think the original poster should be able to get a working menu from the information on this thread.

     

    Jim

     
    |
    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