Vertical superfish menu in asp.net

Vertical superfish menu in asp.net



Hello, I've been struggeling for a week now, to implement superfish menu in my asp.net web application. I've found a usefull blogg on this, but they are showing an horizontal menu, so it stops for me somewhere. Since i use a sitemap datasouce, I've also use the cssFriendly extension.

Here are the code from my mastepage:

  1. <script src="Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
  2.     <script src="Scripts/superfish.js" type="text/javascript"></script>
  3.     <link type="text/css" href="~/Styles/superfish.css" rel="Stylesheet" media="screen" runat="server" />
  4.     <link type="text/css" href="~/Styles/superfish-vertical.css" rel="Stylesheet" media="screen" runat="server" />

  5.     <script type="text/javascript">
  6.         $(document).ready(function() {
  7.             $("ul.AspNet-Menu").superfish({
  8.                 animation: {height:'show'},
  9.                 delay: 1200
  10.             });
  11.         });
  12.     </script>

  13. </head>
  14.     <form id="form1" runat="server">
  15.     <div id="maincontainer">
  16.         <!-- Menu -->
  17.         <div id="contentwrapper">
  18.             <div id="leftcolumn">
  19.                 <div class="AspNet-menu AspNet-menu-vertical">
  20.                     <asp:SiteMapDataSource ID="MurergruppenSiteMap" runat="server" ShowStartingNode="false" />
  21.                     <asp:Menu id="menuMain" runat="server" DataSourceID="MurergruppenSiteMap" orientation="Vertical"/>
  22.                 </div>
  23.             </div>
In superfish.css i've replaced all sf-menu with AspNet-menu and in superfish-vertical.css, i've replaced all sf-menu-vertical with AspNet-Menu-Vertical.

Here is a picture of my solution explorer:



and here is link to the blog i've been folowed:


Very happy for all answers!