hi my goal was to create the vertical menu in the cssAdaptorTutorial/menu.aspx page.
My problem is that everything binds well but when the menu displays it display a blank box first which is the width of the menu, so the menu is indented by that amount and also when you hover over a link that has 2 child nodes in the sitemap it shows them both instend of showing the first and then the secound when you hover over that parent node.
heres my set up and i would appreciate a quick reply guys.
i've created a new template project using the cssAdaptor template. i then copied over related files and folders.
- App_Browsers
- App_Code
- App_Themes
- Basic
- skinfile.skin
- stylesheet.css
- CSS
- JavaScript
i then created a master page with a few divs for header, menu , content and footer.
(MASTERPAGE BELOW)
1 <%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5 <html xmlns="http://www.w3.org/1999/xhtml">
6 <head runat="server">
7 <title>The Site</title>
8 <link rel="stylesheet" href="SimpleMenu.css" type="text/css" />
9 <link runat="server" rel="stylesheet" href="~/CSS/Import.css" type="text/css" id="AdaptersInvariantImportCSS" />
10 <!--[if lt IE 7]>
11 <link runat="server" rel="stylesheet" href="~/CSS/BrowserSpecific/IEMenu6.css" type="text/css" id="IEMenu6CSS" />
12 <![endif]-->
13 <asp:ContentPlaceHolder id="head" runat="server">
14 </asp:ContentPlaceHolder>
15 </head>
16 <body>
17 <form id="form1" runat="server">
18 <div id="Header">
19 Header
20 </div>
21 <div id="Menu">
22 <asp:menu id="Menu1" runat="server" skinid="SampleMenuVertical"
23 datasourceid="SiteMapDataSource1" cssSelectorclass="PrettyMenu" >
24 </asp:Menu>
25 </div>
26
27 <div id="MainContent">
28 <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
29
30 </asp:ContentPlaceHolder>
31 </div>
32 <div id="Footer">Footer</div>
33 <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
34 </form>
35 </body>
36 </html>
37
I have then created a default page using this master page.
1 <%@ Page Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" StylesheetTheme="Basic" %>
2
3
4 <asp:Content ID="Content1" runat="server" contentplaceholderid="ContentPlaceHolder1">
5 <p>hello default page content</p>
6 </asp:Content>
7
8
i