Using SuperFish Menus

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
2/3/2012 8:50:07 PM
Jon
Gravatar
Total Posts 13
View Posts

Using SuperFish Menus

I'm having some trouble getting the SuperFish menu to actually use the settings. 

I followed the instructions in this tutorial:   http://www.mojoportal.com/using-superfish-menus.aspx

but no matter what I set the speed to it is always fast which makes the menu touchy and difficult to use for a slow hand. 

I even tried to change the earthalt1 skin they mention in the tutorial but the results are the same. 

I need to slow down the mouseover and mouseout settings for that menu.  The site for SuperFish shows all sorts of cool features and I can't get any of them to work.  

Does anyone have any experience with this?  Any advice or input would be much appreciated. 

2/4/2012 7:27:03 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Using SuperFish Menus

Hi,

I just updated the article Using Superfish Menus because it wasn't up to date with latest skin changes. The only changes I made were for the settings on <portal:SiteMenu in layout.master and added a section for theme.skin settings. The most up to date example in skins we ship is the jqueryui-1 skin, make sure you get the latest version from /Data/skins since the skins in the site specific folders are not touched during upgrades.

When I try the latest jqueryui-1 skin I find it works if I change the speed from 'fast' to 'normal' it slows down the animation of opening sub menus when you hover over the top level. So it seems to be working for me though I didn't experiment with other options.

If you are having trouble with it use Firebug or other browser tools to look at whether there are any script errors or files failing to load. Note that if the script is failing to load the menu does still work by css and it is faster than when the script is doing the animation, so my best guess is you have something not quite right in your layout.master file, ie possibly missing the script reference.

Hope that helps,

Joe

2/6/2012 5:15:48 PM
Jon
Gravatar
Total Posts 13
View Posts

Re: Using SuperFish Menus

Hi Joe,
Thanks for the reply.  I downloaded the latest version but the results are the same and the jqueryui-1 exhibits the same problem and adds another.   I must have something else wrong.

Using the jqueryui-1 without any modification has an issue with navigation.  When you have navigation that goes more than one layer (multiple child pages) deep the layout gets mixed up and displays the next level down in the wrong spot and a mousover causes the navigation to flash rapidly and changing the speed has no effect.  Firefox tells me ul.sf-menu is not a function which is weird in itself.

I'm on an XP machine here I'll try a Win7 PC when I get home and see if it's got something to do with either my environment or the OS.  I'll ping you back after I test this.

~Jon

2/7/2012 4:59:20 PM
Jon
Gravatar
Total Posts 13
View Posts

Re: Using SuperFish Menus

Okay I've got some limited success.  

For some reason, that I have yet to figure out, it (jqueryui-1) works on my Win 2008 Server but fails on my XP machine like it did before and my Win 7 machine reports a missing DayPilot file and kills the setup with the yellow screen "[no source code]" error and I have to hack the database to get the site back.  I've upgraded per the instructions, and even gone as far as a delete and recreate on the entire works including the database but the results are the same.  

So at this point I don't think it's related to the portal or my code since both work perfect on a Win '08 server.  It's got to be something else I'll report back when I figure it out in case anyone else has similar issues. Thanks for your help.   

2/8/2012 5:57:24 PM
Jon
Gravatar
Total Posts 13
View Posts

Re: Using SuperFish Menus

Okay I figured it out. I'll put my solution here in case this happens to anyone else.

Once I found the problem I realized it was, like these things often are, a simple oversight.

The problem is related to the where/how the site is hosted on IIS. I'm developing on a local machine with many webs which are in fact sub-webs of the default web site (localhost). This explains why it works on in a standalone environment but fails when I run it locally.

For example my dev install is at http://localhost/mojoportal/ where in this case the actual website is localhost and mojoPortal is a sub-web/application of localhost.

The clue was this line:
<portal:SiteScript id="superfish" runat="server" ScriptRelativeToRoot=" /ClientScript/jqmojo/mojosuperfish.js" />

It shows ScriptRelativeToRoot which in my case the root is localhost so the mojosuperfish.js was never getting loaded. Once I set the path to the actual root of /mojoportal/ClientScript/jqmojo/mojosuperfish.js then it works.

Now I need to get some ice to take the swelling out of the bruise on my forehead...  Tongue Out

~Jon

2/9/2012 7:59:01 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Using SuperFish Menus

Hi Jon,

This is kind of a different topic than the thread started out as, so if you have further questions please start a new thread, but I just updated the article Adding a Host Name to the hosts file for local testing, to provide more information about IIS  web sites and the Default Web Site. I think this will help your understanding of it and how to setup a local environment that is more like a production environment.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.