November Happy Hour will be moved to Thursday December 5th.

Drop down Menu

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
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
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
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
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.