Style menu : Menu « Asp Control « ASP.Net

Home
ASP.Net
1.ADO.net Database
2.Ajax
3.Asp Control
4.Collections
5.Components
6.Data Binding
7.Development
8.File Directory
9.HTML Control
10.Language Basics
11.Login Security
12.Mobile Control
13.Network
14.Page
15.Request
16.Response
17.Server
18.Session Cookie
19.Sitemap
20.Theme Style
21.User Control and Master Page
22.Validation by Control
23.Validation by Function
24.WebPart
25.WPF
26.XML
ASP.Net » Asp Control » Menu 
Style menu


<%@ Page Language="C#" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Menu Server Control</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:SiteMapDataSource ID="SiteMapDataSource1" Runat="server" />
        <asp:Menu ID="Menu1" 
                  Runat="server" 
                  DataSourceID="SiteMapDataSource1"
                  BackColor="Navy" 
                  ForeColor="White" 
                  Font-Names="Verdana" 
                  Font-Size="0.8em" 
                  StaticSubMenuIndent="10px" 
                  DynamicHorizontalOffset="2">
           <StaticSelectedStyle BackColor="#507CD1"></StaticSelectedStyle>
           <StaticMenuItemStyle HorizontalPadding="5" 
            VerticalPadding="2"></StaticMenuItemStyle>
           <DynamicMenuStyle BackColor="#B5C7DE"></DynamicMenuStyle>
           <DynamicSelectedStyle BackColor="#507CD1"></DynamicSelectedStyle>
           <DynamicMenuItemStyle HorizontalPadding="5" 
            VerticalPadding="2"></DynamicMenuItemStyle>
           <DynamicHoverStyle ForeColor="White" Font-Bold="True" 
            BackColor="#284E98"></DynamicHoverStyle>
           <StaticHoverStyle ForeColor="White" Font-Bold="True" 
            BackColor="#284E98"></StaticHoverStyle>
        </asp:Menu>
    </form>
</body>
</html>


File: Web.sitemap

<?xml version="1.0" encoding="utf-8" ?>
    
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
   
   <siteMapNode title="Home" description="Home Page" url="Default.aspx">
      <siteMapNode title="News" description="News" url="News.aspx">
         <siteMapNode title="U.S." description="News" url="News.aspx?cat=us" />
         <siteMapNode title="World" description="News" url="News.aspx?cat=world" />
         <siteMapNode title="Technology" description="Technology" url="News.aspx?cat=tech" />
         <siteMapNode title="Sports" description="Sports News" url="News.aspx?cat=sport" />
      </siteMapNode>
      <siteMapNode title="Weather" description="The Latest Weather" url="Weather.aspx" />
   </siteMapNode>
</siteMap>

 
Related examples in the same category
1.Using the MenuItemClick event (C#)
2.Using the MenuItemClick event (VB)
3.Using custom images
4.Applying divider images to dynamic items
5.A simple use of the Menu control
6.Adding a hover style to static items in the menu control
7.Adding a hover style to dynamic items in the menu control
8.Forcing the menu items to use a horizontal orientation
9.Menu with CSS style
10.Menu control
11.Menu style: Orientation, StaticSubMenuIndent
12.Data Binding with Menu Control
13.Menu style
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.