I am trying to replace an UltraWebMenu with a WebDataMenu. My menu is in a user control. Standard menu across the top with drop downs. The UltraWebMenu drop downs show fine. With the WebDataMenu they do not show. What I have discovered is that if I set the height of the WebDatMenu really big then then drop-down items do drop-down and display in the menu area. Of course that covers up the page so is not a solution. It is probably something simple but I've not found it. The menu is in a row of a table but taking it out and putting it above the table makes no difference.
Also using an XML source, as I am, I can't see how to format the menu items. I am not using Themes.
I have done that it and it still doesn't really work. A menu might allow me to access the drop-down on one occasion but then it doesn't for the next 10 times I try.
I am using Firefox 3.6.13 (In Europe more users use Firefox than IE now). If I use IE then it all works OK AND it doesn't have the slight gap between the horizontal menu and the drop-downs which is still there in FireFox.
In Safari it is just as bad as FireFox.
I am moving to WebDatMenu from UltrawebNavigator to get better cross-browser compatibility ;|
Attached latest versionwith no "position:absolute"
Hello nickhoare,
You must remove “position: absolute” tag from all your “textboxes” and “labels” too, because they obscure the view of the menu items. Just make another table row (below menu) and add them there, but don’t keep “position: absolute” tag in their style options.
If you have any further questions, let me know.
Sorry, forgot to add before posting. Upload is attached here
Thank you very much for your assistance. Taking out position: absolute fixed the problem of the menus not showing. However I now have another problem. In my project the drop-down menus appear but there is a gap between the drop-down menu and the main horizontal menu bar. It is impossible to make a selection from the drop down menu because it disappears when the cursor is moved down.
I have added a page to my example which demonstrates this behaviour. See my latest upload.
I examined your sample very carefully and I found that the menu is not rendered properly because the style property “position: absolute;” is set for the table and for the “WebDataMenu”control. As soon as I removed the “position: absolute;” from the table style and from control style, the menu items started to appear normally.
If you don’t need to use “position: absolute;” you can remove it and test the example again to see the result.
You can find the default CSS styles for the controls in “ig_res > Default” folder in your project. The names of the styles for each control are self-explanatory and you can easily find what their main purposes are.
Please let me know if you need further assistance with your question.