Using Spry Menus

So I've been fiddling with spry menus for my page and found it difficult to customize. Only because I didn't know what I was doing. I immediately hit the endless fields of the internets.

So according to the adobe site, which was tedious to read but very helpful, it is important to organize your spryassets folder before doing anything. Check out this link to see what they say when preparing your site folders. You should have a spry ZIP file from the adobe labs site. Now to be honest, I didn't do this. But I feel like I ran into a lot of problems later because my folders were not organized in the way that they advised. It was even to the extent of modifying the widget and not even seeing a result so I'm sure this would be helpful.

My concern was with customizing the spry menu toolbars. Now when modifying the widget you need to know the CSS rules for whatever you are customizing and there is no way around that. Most of what we would be using are the basic spry menus so they might probably look like this SpryMenuBarHorizontal.css and SpryMenuBarVertical.css. Here's a good link that explains how to customize the widgets at a very general level - this is good for an intro. Once you're done with that, hit this up. This link will go into more depth in explaining how to customize the different parts of the widget.

I wish I had a way of showing you what I was going through in order to articulate what I really learned. But I still wanted to share the resources that I came across because I found them helpful.

Good luck to all with your projects.

- Jay Mohan