Style menu : Menu « Asp Control « ASP.Net






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