DropDownList menu with asp: MenuItem

Question

I am trying to create a DropDownList menu using this code:

 <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> <Items> <asp:MenuItem NavigateUrl="~/Default.aspx" Text="דף הבית"/> <asp:MenuItem NavigateUrl="~/About.aspx" Text="עלינו"/> </Items> </asp:Menu> 

Does anyone know how to make items in a submenu of "דףהבית"?

The answer I found is:

 <Items> <asp:MenuItem NavigateUrl="~/Default.aspx" Text="דף בית"> <asp:MenuItem NavigateUrl="#" Text="סך הבית 2"></asp:MenuItem> <asp:MenuItem NavigateUrl ="#" Text = "סך הבית 3"></asp:MenuItem> </asp:MenuItem> <asp:MenuItem NavigateUrl="~/About.aspx" Text="הרעיון הכללי"/> <asp:MenuItem NavigateUrl="~/programs.aspx" Text="התוכנות והתוספים של האתר" /> <asp:MenuItem NavigateUrl="~/crew.aspx" Text="צוות?" /> </Items> 

Answer 1

You can just make MenuItem not self-closing, but embed a submenu (drop-down) elements inside it. Like this:

 <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> <Items> <asp:MenuItem NavigateUrl="~/Default.aspx" Text="דף הבית"> <asp:MenuItem NavigateUrl="~/Page1.aspx" Text="Page1"> <asp:MenuItem NavigateUrl="~/Page2.aspx" Text="Page2"> </asp:MenuItem> <asp:MenuItem NavigateUrl="~/About.aspx" Text="עלינו"/> </Items> </asp:Menu> 

In the above example, "Page1" and "Page 2" will drop out of "דף הבית". There are some good examples / explanations here on MSDN .

A fair warning, these controls can be a little complicated in style. So if you want more flexibility / control, I would suggest making your menu using CSS (and javascript if you need it) with an unordered list of HTML ( ul )

Answer 2

try the following:

 <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> <Items> <asp:MenuItem NavigateUrl="~/Default.aspx" Text="דף הבית"> <asp:MenuItem NavigateUrl="~/Page1.aspx" Text="Page1"/> <asp:MenuItem NavigateUrl="~/Page2.aspx" Text="Page2"/> </asp:MenuItem> <asp:MenuItem NavigateUrl="~/About.aspx" Text="עלינו"/> </Items> 

in another solution, the "/" in lines 4 and 5 are missing ....