Adobe Community: Spry drop-down menus don't show up on iPad

Currently Being Moderated

Spry drop-down menus don't show up on iPad

Jul 12, 2012 4:06 PM

Hi folks,

I've got a spry navigation menu with drop-down submenus that show up fine on my desktop computer, but do not show on the iPad. I've used DW CS4 to build the site. Is there an elegant way to fix this using my current version? Or, do subsequent versions have a better fix for this? I'd upgrade if I knew it would help deal with this issue. The site is www.gcssepm.org. Thanks for any help you can give me.

Gail

5227 Views 23 Replies Latest reply: gbergan52, Jul 25, 2012 8:26 AM

Replies

Currently Being Moderated

1. Ben Pleysier,

Jul 13, 2012 1:00 AM in reply to gbergan52

Report

Apart from the fact that you are using and old version of Spry, even with the newer version that can be found here, you will not be able to use the menu bar with a touch screen unless you do not have a link on the main menu item.

For a different Spry Menu that can be used on touch screens, have a look here http://forums.adobe.com/thread/628126

Gramps

|
Mark as:
Currently Being Moderated

2. gbergan52,

Jul 13, 2012 7:46 AM in reply to Ben Pleysier

Report

Gramps,

Just to clarify (and I will check out the links you referred me to) you said the spry menu bar won’t work on a touch screen unless there is NOT a link at the top-most menu items? In other words if they act as titles only, the spry menu would work? (sorry, double negatives always confuse me!)

Gail

|
Mark as:
Currently Being Moderated

3. Ben Pleysier,

Jul 13, 2012 8:34 AM in reply to gbergan52

Report

That is correct, if they are titles then the Spry menu will work.

If you want to take that path, I would consider upgrading to Spry 1.6.1

Gramps

|
Mark as:
Currently Being Moderated

4. gbergan52,

Jul 18, 2012 12:45 PM in reply to Ben Pleysier

Report

Another question I hope you don’t mind answering. I broke down and did the upgrade to CS6, which has Spry 1.6. I’ve migrated my site to CS6 as well. Does this migration update the Spry menu bar when it opens my files, or do I have to delete the menu entirely and rebuild with the new version of Spry, in order to work on touch screens? Thanks for your help,

Gail

Gail R. Bergan, President

Bergan et al., Inc.

413 So. Church St.

Rockport, TX 78382

361-727-2343

www.bergan.com

www.google.com/profiles/gailbergan7

www.linkedin.com/pub/gail-bergan/30/aa6/391

|
Mark as:
Currently Being Moderated

5. Ben Pleysier,

Jul 18, 2012 5:04 PM in reply to gbergan52

Report

Gail,

Leave the markup as is and delete the support files in the SpryAssets folder (SpryMenuBar.js and SpryMenuBarHorizontal.css)
Create a new document called junk.html (or similar), place a SpryMenuBar in the new document and follow the instructions. This will place the new version of the support files in the SpryAssets folder.
Delete junk.html.

Done.

Gramps

|
Mark as:
Currently Being Moderated

6. Scott - Columbus, OH,

Jul 18, 2012 7:01 PM in reply to gbergan52

Report

Gail,

You are following the same path as I did but I grabbed Spry Menubar 2.0 (which is version 1.7) from the Widget Browser. What you will likely find is that if you have a rather complex submenu, then the menu will not function correctly in IE8 or IE9. I understand that it does work correctly in FireFox.

I contacted Adobe support and they have not yet been able to provide me with a solution. They said that it was a new bug.

To see the problem, click on the following link and scroll up and down on the Boys Results selection.

http://gerberanalytics.com/tennis/tennis_header_test.php

It may initially appear to work but it will eventually stop working as you move up and down quickly.

I thought that I was home free after converting a simple menu, but then I discovered this problem...

Regards,
Scott

|
Mark as:
Currently Being Moderated

7. gbergan52,

Jul 19, 2012 7:53 AM in reply to Scott - Columbus, OH

Report

I also called Adobe tech support yesterday. The response I got was “we can’t support iPad issues because the resolution changes with each version of iPad.” Now, what resolution has to do with Spry menu functioning, I have no idea, but I don’t buy it.

Gail

|
Mark as:
Currently Being Moderated

8. gbergan52,

Jul 19, 2012 9:02 AM in reply to Ben Pleysier

Report

Well, I did all that, but unfortunately it didn’t fix the problem. I reuploaded my site, including support files, to my server, and the dropdown menus still don’t work on the iPad. I tried calling Adobe tech support yesterday and they were no help whatsoever: “we don’t support iPad issues.” This is pretty frustrating.

Gail

Gail R. Bergan, President

Bergan et al., Inc.

413 So. Church St.

Rockport, TX 78382

361-727-2343

www.bergan.com

www.google.com/profiles/gailbergan7

www.linkedin.com/pub/gail-bergan/30/aa6/391

|
Mark as:
Currently Being Moderated

9. Scott - Columbus, OH,

Jul 19, 2012 11:36 AM in reply to gbergan52

Report

I just checked Adobe.com and their site doesn't work with an iPad either. Click on Products or Solutions in their horizontal menubar and it will not show the submenus...

If Adobe can't program their own site correctly, my guess is that I am not going to get a very quick solution. Does anyone have an alternative to Spry? This was one of the main reasons why I upgraded from CS4 to CS6 and I'm not a happy camper.

|
Mark as:
Currently Being Moderated

10. Ben Pleysier,

Jul 19, 2012 11:54 AM in reply to Scott - Columbus, OH

Report

Scott,

Asking someone that already has problems with a different version of a SpryMenuBar makes no sense at all. The OP uses the original SpryMenuBar and you use the UI SpryMenuBar.

In the meantime have a look at the JS and ask yourself why you left
enableHoverNavigation: true,
when a touch screen does not recognise a hover event. Normally one would leave the JS file in tact and change the value in the constructor.

If you need more assistance, please start a new topic.

Gramps

|
Mark as:
Currently Being Moderated

11. gbergan52,

Jul 19, 2012 1:47 PM in reply to Ben Pleysier

Report

Gramps,

As a followup to this email, I did notice that after I upgraded and went through the process you suggested in the Spry Assets folder, I tried to set my main menu items to titles only (no links—so that it will work on an iPad) and the updated version of Spry won’t let me do this. When I delete the link, it keeps giving me an error dialog message (“please insert a link”) and reverts back to the link that was there. I have seen in other places that it is considered poor site design to have menu items that are mere titles only…is this maybe why it doesn’t allow it?

I’m beginning to think I’m just going to have to redesign some of my pages to have duplicate navigation links so that regardless of what device people are working on, they can get around my site.

Gail

|
Mark as:
Currently Being Moderated

12. Scott - Columbus, OH,

Jul 19, 2012 2:37 PM in reply to Ben Pleysier

Report

Gramps,

I am finding the versions to be confusing. CS4 used Spry 1.4. I thought that CS6 would contain the latest and greatest code, but it is apparently Spry 1.6. Spry's latest offering is 1.7, which I downloaded via the Widget Browser, but it is referred to online as Spry Menubar 2.0.

Thank you for the suggestion. I will try it, but please note that all of my code (except for the code specific to my application) was generated by the Spry Menubar Widget so this should be "official" code.

I have not heard back from the Adobe support team in India. I'll check with them tomorrow.

Regards,
Scott

|
Mark as:
Currently Being Moderated

13. Scott - Columbus, OH,

Jul 19, 2012 3:37 PM in reply to Scott - Columbus, OH

Report

Here is an update from Adobe Support:

Rajesh: Hello. Welcome to Adobe Technical Support.
Rajesh: My Name is Rajesh How Can I help you ?
Scott: Can you please tell me about the status of my question? It is case number 18343 8899
Rajesh: I have received your query. Please allow me a moment to verify your account and to review the details of your request.
Scott: ok
Rajesh: I'll be right with you.
Rajesh: Sorry for the wait. Please do stay online.
Rajesh: well am sorry for the delay
Scott: will do. thanks.
Rajesh: The Case is escalated to our Senior Technician and then are working on the issue.
Scott: Any ideas on when to expect a solution?
Scott: I need iPads to work but I can't do that and cause my IE8 and IE9 customers to have problems.
Rajesh: Well It will be difficult for me to predict, but let me check if i can get some information on it.
Rajesh: well sorry for the delay Scott
Rajesh: Well once a case is being escalated to our Senior Technician then it approximately takes 48-72 hrs depending on the complexity of the issue.
Scott: Thanks, Rajesh. This has been an issue in the Adobe support forum and I will forward this information to them as well. Have a good day.
Rajesh: well am sorry about this situation. But thank you for you co-operation
Rajesh: Thank you for contacting Adobe. Good Bye.
Scott: bye

Again, this deals with Spry 1.7, which is the most recent release.

|
Mark as:
Currently Being Moderated

14. gbergan52,

Jul 19, 2012 5:10 PM in reply to Scott - Columbus, OH

Report

Scott,

If this weren't so sad it would be quite funny! It's pretty much the same as my experience.

Gramps, regarding the link you sent me to access the Adobe labs to download the latest Updater extension, I also did that and tried to install it. It informed me that it wouldn't install on my version of DW. I seemed to be stymied at every turn. Surely someone has solved this issue! I do appreciate your many attempts to help, however.

Gail

|
Mark as:
Currently Being Moderated

15. Ben Pleysier,

Jul 19, 2012 9:05 PM in reply to gbergan52

Report

@Gail,

I am confused, in your first post you said
I've used DW CS4 to build the site
This DWCS4 does have Spry version 1.6.1, yet your web site shows that you have implemented Spry version 1.4. I wonder where you got that older version, certainly not from DW CS4.

Then you go on to say
I broke down and did the upgrade to CS6, which has Spry 1.6
It is true that DW CS6 has Spry version 1.6.1, hence there is no need to further upgrade.

Fact is that the online site still shows Spry version 1.4. I have shown you how to upgrade the local site to Spry version 1.6.1. These new files must then be uploaded to make any difference to the online site.

@Scott

You are confusing the issue even more with your interruptions. You are using a different Spry Menu Bar and your problems have nothing to do with the OP's problems. Please start your own topic with your problems if you want assistance. Also, I do not give a crack about your dealings with others that you have asked for assistance. Place a straight forward question and you will get a straight forward answer.

Gramps

|
Mark as:
Currently Being Moderated

16. gbergan52,

Jul 20, 2012 8:04 AM in reply to Ben Pleysier

Report

That’s odd – I did in fact build the initial site in CS4, but recently upgraded to CS6 and (I thought) uploaded the updated files. As far as the older version of spry, I don’t recall using anything different than what shipped with CS4. Let me try to reupload my entire site and see if it overwrites the files as it is supposed to.

Thanks,

Gail

|
Mark as:
Currently Being Moderated

17. gbergan52,

Jul 20, 2012 8:40 AM in reply to Ben Pleysier

Report

As a followup: I just reuploaded my site, and it now shows (on my desktop) that I’m using Spry Pre-Release 1.6.1 for both the SpryMenuBar.js and SpryMenuBarVertical.css. These files must have been skipped in my last sync. However, even with this newest release, I’m not getting a hover effect on the iPad. Am I supposed to? Or should I just abandon this whole effort and find another way to skin this cat?

Gail

|
Mark as:
Currently Being Moderated

18. Ben Pleysier,

Jul 20, 2012 8:59 AM in reply to gbergan52

Report

Your online version, the one I can see, does not show the latest version as in http://www.gcssepm.org/SpryAssets/SpryMenuBar.js

Also, I repeat my first answer in this post
Apart from the fact that you are using and old version of Spry, even with the newer version that can be found here, you will not be able to use the menu bar with a touch screen unless you do not have a link on the main menu item.

For a different Spry Menu that can be used on touch screens, have a look here http://forums.adobe.com/thread/628126
A touch screen does not recognise a hover event no matter what you do.

Gramps

|
Mark as:
Currently Being Moderated

19. Scott - Columbus, OH,

Jul 20, 2012 9:09 AM in reply to Ben Pleysier

Report

Gramps,

Sorry, I saw Gail going down the same path as I was (1.4, 1.6, 1.7) and I thought I might be able to save her time.

Scott

|
Mark as:
Currently Being Moderated

20. gbergan52,

Jul 20, 2012 2:46 PM in reply to Ben Pleysier

Report

Gramps,

I have followed the link you provided below to the Widget Browser (I assume this is the same browser available in CS6?) and I chose the Spry Menu Bar 2.0 widget. I configured it to match my site (to be safe, I’m testing it on my personal site – www.bergan.com – rather than my client site of www.gcssepm.org). I placed the new spry menu into my site template and everything seems to be functioning properly (mind you, I haven’t uploaded anything yet). My question is – how do I incorporate this into my existing files? Because when I opened my index.html and chose Modify > Template > Apply Template to Page, it really scrambled up the entire layout. I assume it’s because my old spry css stuff is in there in addition to the new stuff. How do I clear out the old spry menu from my existing files, since they are tied to a template? I’m sorry if this seems an obvious question but it’s late in the day on Friday and I’m a bit fried…

Thanks for your guidance,

Gail

|
Mark as:
Currently Being Moderated

21. Ben Pleysier,

Jul 20, 2012 6:53 PM in reply to gbergan52

Report

Have a look here http://www.adobe.com/devnet/dreamweaver/articles/spry_menu_bar.html

Gramps

|
Mark as:
Currently Being Moderated

22. gbergan52,

Jul 24, 2012 12:19 PM in reply to Ben Pleysier

Report

Gramps, and others:

After about a week of struggling with this, I finally, finally have a drop-down menu that shows up both on my desktop computer as well as my iPad! I had already found the link you mentioned above, but where I was having problems was applying the new menu bar to my other pages. The first time I attempted it, it scrambled my entire layout, as I mentioned. After a weekend of giving it a rest, it worked perfectly today. The new working menu bar can be seen on my own business web site www.bergan.com. Now that I've got it working there, I will try it on my client site.

Thank you for staying with me and all your patient guidance,

Regards,
Gail

|
Mark as:
Currently Being Moderated

23. gbergan52,

Jul 25, 2012 8:26 AM in reply to gbergan52

Report

I forgot to mention - even though it's working on the iPad, it's still a bit buggy. You have to click on the top level menu item two or three times before the drop-down finally shows up. But luckily because there's an arrow there, you know that a submenu exists.

Gail

|
Mark as:

Forum guidelines

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

Spry Framework for Ajax (READ ONLY)

Spry drop-down menus don't show up on iPad

Jul 12, 2012 4:06 PM

More Like This

Bookmarked By (0)

Answers + Points = Status