Drop down Menu | Episerver Developer Community

Drop down Menu

 

Hai,

I am new to episerver.I would like to know how can i show a drop down menu when i placed mouse over the Top Menu  items.(show the level 2 child nodes of each node)

Thanks in Advance

 

SADIK R

#23594 Sep 10, 2008 14:23
  •  

    In the episerver:menulist you can create a new episerver:pagelist in the itemTemplate which has the pagelink set to container.currentpage.pagelink. this will produce all the children under each menu item. you now have to hide/show this pagelist by using javascript on mouse over.

    good luck

    -Kjetil Simensen

    #23601 Sep 10, 2008 16:10
  •  

    Just thought I would add two nice links for suggestions on creating the menus themselves (css etc)

    http://www.htmldog.com/articles/suckerfish/dropdowns/

    and

    http://users.tpg.com.au/j_birch/plugins/superfish/

    #23743 Sep 15, 2008 10:57
  • Member since: 2009
     

     Can U pls explain how to use MenuList to make a Menu with drop down submenu.

    The following is the menu.ascx code.

    <EPiServer:MenuList runat="server" ID="Menu">
        <HeaderTemplate>
            <ul id="MainMenu">
        </HeaderTemplate>
        <ItemTemplate>
            <li>
                <EPiServer:PageList runat="server" ID="PageList1" DataSource="<%#Container.CurrentPage.PageLink %> ">
                    <ItemTemplate>
                        <li>
                            <EPiServer:Property ID="Property1" PropertyName="PageLink" runat="server" />
                        </li>
                    </ItemTemplate>
                </EPiServer:PageList>
            </li>
        </ItemTemplate>
        <FooterTemplate>
            </ul>
        </FooterTemplate>
    </EPiServer:MenuList>

     The following is Menu.ascx.cs

    protected override void OnLoad(System.EventArgs e)
            {
                base.OnLoad(e);          
                Menu.PageLink = PageReference.StartPage;           
                Menu.PageLoader.GetChildrenCallback = new HierarchicalPageLoader.GetChildrenMethod(LoadChildren);
                Menu.DataBind();
            }

            /// <summary>
            /// Creates the collection for the main menu, adding the startpage
            /// </summary>
            private PageDataCollection LoadChildren(PageReference pageLink)
            {
                PageDataCollection pages = DataFactory.Instance.GetChildren(pageLink);
                pages.Insert(0, DataFactory.Instance.GetPage(pageLink));
                return pages;
            }

            /// <summary>
            /// Gets or sets the MenuList for this control
            /// </summary>
            public MenuList MenuList
            {
                get { return Menu; }
                set { Menu = value; }
            }

     

    pls help.Thanks in advance.I am getting all the menu items in a single list,Including sub menu

    #30376 Jun 13, 2009 7:53
  • Member since: 2007
     
    You are missing a header and footer template with a <ul> + </ul> in the second listing (episerver:pagelist)
    #30384 Jun 14, 2009 19:01