Hi, I cannot find a lot of examples about the WebDataMenu, but I tried a simple page where I added 2 subitems. The problem I have is that the sub-items cannot be displayed outside the control. What am I missing?
<html>
<head>
<title>test</title>
</head>
<body bgcolor="#eff3ff">
<form id="Form1" method="post" runat="server">
<ig:WebScriptManager ID="WebScriptManager1" runat="server"></ig:WebScriptManager>
<ig:WebDataMenu ID="WebDataMenu1" runat ="server">
<GroupSettings Orientation="Horizontal"/>
<Items>
<ig:DataMenuItem Text="File"></ig:DataMenuItem>
<ig:DataMenuItem Text="Edit">
<ig:DataMenuItem Text="Child Item1">
</ig:DataMenuItem>
<ig:DataMenuItem Text="Child Item2">
</Items>
</ig:WebDataMenu>
</form>
</body>
</html>
Hello Adrian,
I created a project to investigate this post, and the child items appear when I hover over "Edit" in the menu.
Could you please clarify what you mean by "sub-items cannot be displayed outside the control"? If you mean that the child items do not appear, could you please specify the browser and the version of our product?
I did this through the designer and the generated .aspx code is almost exactly the same as what you posted. If you'd like me to attach the sample project, I can do that. I have attached an image of the result.
Elizabeth AlbertLocalization Engineer
Hi Elizabeth,
I found the reason why the child items did not show up outside the WebDataMenu boundaries. It was because I was using
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
As soon as I changed to
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
it worked fine.
Thanks you,
Adrian.