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:
- <script src="Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
- <script src="Scripts/superfish.js" type="text/javascript"></script>
- <link type="text/css" href="~/Styles/superfish.css" rel="Stylesheet" media="screen" runat="server" />
- <link type="text/css" href="~/Styles/superfish-vertical.css" rel="Stylesheet" media="screen" runat="server" />
- <script type="text/javascript">
- $(document).ready(function() {
- $("ul.AspNet-Menu").superfish({
- animation: {height:'show'},
- delay: 1200
- });
- });
- </script>
- </head>
- <form id="form1" runat="server">
- <div id="maincontainer">
- <!-- Menu -->
- <div id="contentwrapper">
- <div id="leftcolumn">
- <div class="AspNet-menu AspNet-menu-vertical">
- <asp:SiteMapDataSource ID="MurergruppenSiteMap" runat="server" ShowStartingNode="false" />
- <asp:Menu id="menuMain" runat="server" DataSourceID="MurergruppenSiteMap" orientation="Vertical"/>
- </div>
- </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!