ASP Net Controls ASP.Net Tutorial

  1. Home
  2. ASP.Net Tutorial
  3. ASP Net Controls
  4. Menu Navigation
<%@ Page Language="C#" %>
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


    
        html
        {
            background-color:silver;
        }
        .navigation
        {
            float:left;
            width:280px;
            height:500px;
            padding:20px;
            background-color:#eeeeee;
        }
        .content
        {
            float:left;
            width:550px;
            height:500px;
            padding:20px;
            background-color:white;
        }
        .menuItem
        {
            border:Outset 1px black;
            background-color:Gray;
            font:14px Arial;
            color:White;
            padding:8px;
        }
    
    Menu Navigate


    
    
            id="Menu1"
        DataSourceID="srcSiteMap"
        StaticMenuItemStyle-CssClass="menuItem"
        DynamicMenuItemStyle-CssClass="menuItem"
        Runat="server" />
            id="srcSiteMap"
        ShowStartingNode="false"
        Runat="server" />
    

    
    

Displaying a Website menu with the Menu control


    

    


File: Web.sitemap

  url="Default.aspx"
  title="Home"
  description="The Home Page">
      url="Products/Default.aspx"
    title="Our Products"
    description="Products that we offer">
          url="Products/FirstProduct.aspx"
      title="First Product"
      description="The description of the First Product" />
          url="Products/SecondProduct.aspx"
      title="Second Product"
      description="The description of the Second Product" />
  
      url="Services/Default.aspx"
    title="Our Services"
    description="Services that we offer">
          url="Services/FirstService.aspx"
      title="First Service"
      description="The description of the First Service"
      metaDescription="The first service" />
          url="Services/SecondService.aspx"
      title="Second Service"
      description="The description of the Second Service" />