I am not sure if WebDataMenu was a new control in v11.1, but it seems really buggy.
I added 4 root menu items and made the third root menu item have 2 child menu items. The 4th item does not show up - there seems to be space for it, but hovering or clicking does nothing and the words for the menu item do appear to show up at all.
Also when I try to reduce the font using the webdatamenu property Font-size, the any of the other CssClass properties available at different levels, the font size (and also color) do not change.
Additionally I wanted to change the height of the menu "bar" and this did shrink to the appropriate size, but the text stayed in the same position it was in before and I could find no way to get it to shift so that it was no longer partially "cut off". Also there is now a "gap" between the 3rd root menu item and its children.
Any help with this would be much appreciated.
Hello Greg,
For the issue regarding the missing item, I am in the process of logging a development issue regarding this. I will update you with the number once I have this information.
For the issue regarding the arrow in the submenu, I have applied the styles same as you posted in your last update. but I am unable to reproduce the issue; I have attached the markup and screenshot for the same.
If this sample project is not an accurate demonstration of what you're trying to do, please feel free to modify it and send it back, or send a small sample project of your own if you have one.
Please let me know if I can provide any further assistance.
I have 3 items in my webdatamenu...I am also facing same issue..& 1 more issue like if you zoom In-Out Page with different Percentage In IE then last item miss out on different percentage..
Also if I try to do font bold in aspx itself while writing Font-Bold="True" then last item miss out..
Please provide good solution to reslove all these problem very soon.
Thanks,
FYI - an additional issue that I found while using the above changes to the igdm_* classes was that, when I was using the horizontal menu with a sub menu that had a sub menu, the arrow image appeared behind the text instead of after the text. Here are the class overrides I was using. (see attached screen shot for what happens)
.igdm_MenuItemHorizontalRoot { padding: 4px 4px 3px; background-color:#5D7B9D; } .igdm_MenuItemHorizontalRootLink { font-size: x-small; font-weight:bold; color:#FFFFFF; } .igdm_MenuItemVertical { padding: 2px 4px; background-color:#5D7B9D; } .igdm_MenuItemVerticalLink { font-size: x-small; font-weight:bold; color:#FFFFFF; }
Thank you for the update.
This update is let you know that I am currently discussing with my team lead to find out why using of a non-Infragistics style set to the WebDataMenu's CssClass property that contained the "font-weight:bold" style causing the fourth item missing. I will update you on or before Friday.
Please let me know if you have any further questions regarding this matter.
Issues 1: To a horizontal menu, added 4 root menu items and made the third root menu item have 2 child menu items. The 4th item does not show up - there seems to be space for it, but hovering or clicking does nothing and the words for the menu item do appear to show up at all. This was caused by the use of a non-Infragistics style set to the WebDataMenu's CssClass property that contained the "font-weight:bold" style.
Solution 1: You create your own ".igdm_MenuItemHorizontalRootLink" which combines/overwrites the Infragistics class with the same style.
Issues 2: Tried to reduce the font using the WebDataMenu property font-size, as well as any of the other CssClass properties available at different levels, the font size (and also color) do not change.
Solution 2: You create your own ".igdm_MenuItemHorizontalRootLink" and ".igdm_MenuItemHorizontalRoot" which combines/overwrites the Infragistics classes with the same style. To change the sub menu items you need to overwrite/use the ".igdm_MenuItemVerticalLink" and ".igdm_MenuItemVertical" css classes.
Issues 3: Change the height of the menu "bar" and this did shrink to the appropriate size, but the text stayed in the same position it was in before and I could find no way to get it to shift so that it was no longer partially "cut off". Also there is now a "gap" between the 3rd root menu item and its children.
Solution 3: You create your own ".igdm_MenuItemHorizontalRoot" and set the property of the Height of the WebDataMenu. The Infragistics default is 26px. So to make it work for 18px I set the height of the WebDataMenu to 18px and added padding of 2px to the top and 4px to the right in the css class ".igdm_MenuItemHorizontalRoot". Not this was also further exasperated by some "inline" ASP.NET <%%>. used Page_Init and a Literal control to write the scripts to the header so as to not need the "inline" code.
The only trouble with using these Infragistics css classes is that if you have two menus on a page (Form Menu and "sub control" menu or Application Menu and Page Menu), the styles will be exactly the same for both. So you will have to figure out a way to get them to be different.
Issue needs fixing: Despite the workaround to Issue 1, you should be able to use your own css classes without it causing issues with Infragistics UI so this still needs to be fixed.