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,
Thank you for your updates.
As of now we do not have any styling guide for WebDataMenu. Our product guidance team is making effects to improve it. The best way to find CSS class applied to Menu is to use IE developer tool.
Please let me know if I can provide any further assistance regarding this matter.
After delving into the Source I was able to determine that it is the "igdm_MenuItemVerticalLink" and "igdm_MenuItemVertical" css classes that I needed to override for the menu items.
In the next post I will detail the issues with the solutions so that all answers are in one place.
I can work around this by using the class you mentioned above (igdm_MenuItemHorizontalRootLink) instead. However it is strange that it would act that way using regular CSS class.
What are the other css classes that are available for the WebDataMenu? For example the sample you gave handles the Root level, but not the child level. Is there a reference that lists all of css classes that you use for a particular control?
I have figured out what appears to be the reason behind the "missing" last element. I am trying to add font-weight: bold to your .test css class but this is the style that seems to cause the "missing" last element. See attached page.
Any ideas on how to deal with this one?
I think I should be able to generate what is needed without the inline ASP.NET. So this issue could be avoided.
What are the other css classes that are available for the WebDataMenu? For example the sample you gave handles the Root level, but not the child level. I guessed at replacing root with child but that did not seem to do the trick. Is there a reference that lists all of css classes that you use for a particular control?