Drop down header Navigation

[kastnerd]

Id like to have drop down menus for the header Navigation, I am adding some more informational pages.

I see able has component art, But im not sure how to use it to build my Scriptlets.

[mazhar]

You can create a static dropdown menu using the ASP.NET menu control. Create a HeaderNav.ascx file in your ConLib folder and paste the following code into that file. Now use that control in header. All you need is to adjust the CSS for the menu and provide valid menu items and their links.

Code: Select all

<%@ Control Language="C#" ClassName="HeaderNav" %>

<script runat="server">

</script>

<asp:Menu ID="Menu1" runat="server" BackColor="#F7F6F3" DynamicHorizontalOffset="2"
    Font-Names="Verdana" Font-Size="0.8em" ForeColor="#7C6F57" Orientation="Horizontal"
    StaticSubMenuIndent="10px">
    <StaticSelectedStyle BackColor="#5D7B9D" />
    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
    <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" />
    <DynamicMenuStyle BackColor="#F7F6F3" />
    <DynamicSelectedStyle BackColor="#5D7B9D" />
    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
    <StaticHoverStyle BackColor="#7C6F57" ForeColor="White" />
    <Items>
        <asp:MenuItem Text="Root Item 1" NavigateUrl="http://www.ablecommerce.com">
            <asp:MenuItem Text="Child Item 1" NavigateUrl="http://www.ablecommerce.com">
                <asp:MenuItem Text="Child Child Item 1" NavigateUrl="http://www.ablecommerce.com"></asp:MenuItem>
            </asp:MenuItem>
        </asp:MenuItem>
        <asp:MenuItem Text="Root Item 2" NavigateUrl="http://www.ablecommerce.com">
            <asp:MenuItem Text="Child Item 2" NavigateUrl="http://www.ablecommerce.com"></asp:MenuItem>
        </asp:MenuItem>
    </Items>
</asp:Menu>