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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>DCE 2005 - Creando un menu de forma declarativa</title>
    <LINK rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td valign="top">
                <!--
                Este control menu, fue creado utilizando una sintaxis declarativa.
                Se crean el menu y los submenus utilizando el control "MenuItem" dentro del \
                control "Menu".
                Para crear los submenus, simplemente hay que anidar los controles MenuItem
                -->
                <asp:menu id="Menu"
                    disappearafter="500"
                    staticdisplaylevels="2"
                    staticsubmenuindent="20" 
                    orientation="Vertical"
                    font-names="Trebuchet MS, Arial" 
                    DynamicMenuItemStyle-Width="150"
                    Width="150"
                    runat="server">
                    
                    <staticmenuitemstyle backcolor="RoyalBlue" forecolor="WhiteSmoke" horizontalpadding="5" verticalpadding="2" />
                    <statichoverstyle backcolor="CornflowerBlue" forecolor="White" borderstyle="Solid" borderwidth="1px" />
                    <dynamicmenuitemstyle backcolor="RoyalBlue" forecolor="WhiteSmoke" horizontalpadding="5" verticalpadding="2" />
                    <dynamichoverstyle backcolor="CornflowerBlue" forecolor="White" borderstyle="Solid" borderwidth="1px" />
              
                    <items>
                        <asp:menuitem text="Home" tooltip="Home" value="Home">
                            <asp:menuitem navigateurl="/MenuAndSiteMapPath/start.aspx" text="Start Page" value="Start Page" tooltip="Start Page" />
                            <asp:menuitem text="Sports" tooltip="Sports" value="Sports">
                                <asp:menuitem text="Baseball" tooltip="Baseball" value="Baseball">
                                    <asp:menuitem text="Major League" tooltip="Major League" value="Major League" />
                                    <asp:menuitem text="Minor League" tooltip="Minor League" value="Minor League" />
                                </asp:menuitem>
                                <asp:menuitem text="Basketball" tooltip="Basketball" value="Basketball" />
                                <asp:menuitem text="Football" tooltip="Football" value="Football">
                                    <asp:menuitem text="NFL" tooltip="NFL" value="NFL" />
                                    <asp:menuitem text="USFL" tooltip="USFL" value="USFL" />
                                </asp:menuitem>
                                <asp:menuitem text="Hockey" tooltip="Hockey" value="Hockey" />
                            </asp:menuitem>
                            <asp:menuitem text="Search Engines" tooltip="Search Engines" value="Search Engines">
                                <asp:menuitem text="Google" tooltip="Google" value="Google" navigateurl="http://www.google.com/" />
                                <asp:menuitem text="Yahoo" tooltip="Yahoo" value="Yahoo" navigateurl="http://www.yahoo.com/" />
                                <asp:menuitem text="MSN Search" tooltip="MSN Search" value="MSN Search" navigateurl="http://search.msn.com/" />
                            </asp:menuitem>
                        </asp:menuitem>
                    </items>
                </asp:menu>
            </td>
            <td valign="top">
                <h1>Creación de un Menú de Forma Declarativa</h1>
                
                <p>
                    Esta página muestra como crear un menu de modo declarativo. En este ejemplo, se utilizan
                    items de menu dinamicos y estaticos; los menús dinamicos son los submenus que se abren
                    sobre los items estáticos.
                   </p>
                
                <p>
                    Cada item del menu tiene un atributo llamado "navigateUrl", cuando se presione sobre 
                    el item, la aplicacion navegará a la URL indicada en este atributo. Si no hay un valor 
                    asignado a esta propiedad y se presiona el item del menu en cuestion, el sitio realizará
                    un post back al servidor.</p>
            </td>
        </tr>
    </table>
    </div>
    </form>
</body>
</html>
