WebDataMenu - Multiple issues - Missing Menu Items - Gap between Menu and Sub Menu - does not respect CSS values

670

Greg posted over 13 years ago

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.

Sandbox.aspx.zip

1290

Suggested Answer
Yuriy Galanter posted over 11 years ago in reply to Yuriy Galanter

Found a solution: http://codecorner.galanter.net/2012/12/28/infragistics-webdatamenu-last-item-disappears/
Cancel
Reply

Reject Answer

Cancel
1290

Yuriy Galanter posted over 11 years ago in reply to Charles

What if I do need my menu to scroll? My horizontal menu is limited by certain width, and the items are added to it in server-side code at runtime. So when there're more items than menu can fit, I need it to scroll. And it works - it scrolls and all items appear correctly - in all browsers but FireFox. In FireFox last item is always missing.

Any idea how to make this work with scrolling enabled? thanks
Cancel
Reply

Cancel
130

Charles posted over 13 years ago in reply to [Infragistics] Surya

Thanks, Prabha, that did the trick.

For others reading this thread, EnableScrolling is a WebDataMenu property, not some obscure CSS tag.

Charles
Cancel
Reply

Cancel
7499

[Infragistics] Surya posted over 13 years ago in reply to Charles

Hello Charles,

I heard back from development team that setting Enablescrolling property to false will resolve the issue of missing item. By default this property is true.

Setting EnableScrolling to true will result to fixed width of the <ul> element which holds all the root menu items. The problem comes when there is bold style applied to the menu container, because in the calculation of the <ul> element width is not taken.

Please let me know if you have any further questions regarding this matter.
Cancel
Reply

Cancel
130

Charles posted over 13 years ago in reply to Charles
As a follow-up to my previous post:

Changing the overflow setting did not make a difference.

What did make a difference: The CSS class has a bunch of fonts listed in font-family, presumably using the first one on the list that the browser supports. Removing Verdana with a font-size of 12px displayed the complete menu. Since Verdana is a wider font (by eyeball) than Arial or Sans-serif (both of which I tested), that would indicate to me that rendering occurs after the size of the menu has already been determined (and, to possibly anticipate a question, width of the menu is set to 100%).

Charles
Cancel
Reply

Cancel