<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MenuStyling.aspx.cs" Inherits="MenuStyling" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head id="Head1" runat="server">
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>Style Menu</title>
    <link href="chapterStyles.css" type="text/css" rel="stylesheet"/>
    <link href="MenuStyling.css" type="text/css" rel="stylesheet"/>
</head>
<body>
   <form id="form1" runat="server">
   <div id="container">
      <h1>Demonstracja styli Menu</h1>
      <p>Przykład ten pokazuje dwa różne sposoby na stosowanie stylu w kontrolce <code>Menu</code>.
      Oba przykłady korzystają z CSS do nadania większości styli.</p>

      <p id="logo">Tutaj logo</p>

      <asp:Menu id="menuPrimary" runat="server" DataSourceID="siteSource1" 
        Orientation="Horizontal" StaticEnableDefaultPopOutImage="false"
        StaticDisplayLevels="1"  
        MaximumDynamicDisplayLevels="1">

        <StaticMenuStyle CssClass="primaryStaticMenu"/>
        <StaticMenuItemStyle CssClass="primaryStaticMenuItem"/>
        <StaticHoverStyle CssClass="primaryStaticHover"/>   
        
        <DynamicMenuStyle CssClass="primaryDynamicMenu" />     
        <DynamicMenuItemStyle CssClass="primaryDynamicMenuItem"/>
        <DynamicHoverStyle CssClass="primaryDynamicHover"/>
      </asp:Menu>

      <br style="clear:both"/>

      <asp:Menu id="menuSecondary" runat="server" DataSourceID="siteSource2"  
        Orientation="Vertical"  
        StaticDisplayLevels="2" StaticSubMenuIndent="0"
        MaximumDynamicDisplayLevels="0" >

        <StaticHoverStyle CssClass="secondaryStaticHover"/>
        <LevelMenuItemStyles>
          <asp:MenuItemStyle CssClass="secondaryLevelOne" />
          <asp:MenuItemStyle CssClass="secondaryLevelTwo" />
        </LevelMenuItemStyles>

      </asp:Menu>

      <asp:SiteMapDataSource ID="siteSource1" runat="server" 
         ShowStartingNode="false"  />
         
      <asp:SiteMapDataSource ID="siteSource2" runat="server" 
         ShowStartingNode="false" StartingNodeUrl="Catalog.aspx" />
   </div>
   </form>
</body>
</html>

