Drop down Menu

SADIK R

Vote:

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

Kjetil Simensen

Vote:

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

Aanund Austrheim

Vote:

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

Suneesh E.S.

Vote:

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

Vote:

You are missing a header and footer template with a <ul> + </ul> in the second listing (episerver:pagelist)

#30384

Jun 14, 2009 19:01