I'm using a DHTML Tree for my application's menu. In Firefox, I get all items listed with each main menu item listed vertically. For example, I see something like this:
Menu 1
Menu 2
Menu 3
Menu 4
In IE, I see it a bit different. Like this:
Menu 1
Menu 2
Menu 3 Menu 4
This is regardless of if it use IE 6 or 7. Both do the same thing and I'm not sure why.
My template is as follows:
Before Rows = <ul class="dhtmlMenuLG2">
List template current = <li class="dhtmlMenuItem">
#TEXT#</li>
List template current with sublist items = <li class="dhtmlMenuItem1">
#TEXT# </li>
Note that app_AppMenuMultiOpenRight2 is a function that I created...well copied from another similar function to get the sublist to open the way I wanted.
List template noncurrent = <li class="dhtmlMenuItem">
#TEXT#</li>
List template noncurrent with sublist items = <li class="dhtmlMenuItem1">
#TEXT# </li>
Between list items = <br>
Sublist template before Rows = <ul id="#PARENT_LIST_ITEM_ID#" htmldb:listlevel="#LEVEL#" class="dhtmlSubMenu2" style="display:none;">
I won't list the sublists as they appear to be working fine.
I am using APEX version 3.1. In fact, I just upgraded today. This behavior was the same on 3.0 as well. Well, there is a bit of a difference from 3.0 to 3.1 in that before, my list items were shaded to fit the entire width of the menu and now they aren't, but I think that's probably something I missed during the conversion. For example, it did look like this (we'll see if this looks okay anyway):
| Menu |
| <shade>Menu 1 </shade> |
| <shade>Menu Name</shade> |
Now the shading only happens on the word which looks kind of bad, but as I said, it's probably a CSS file I missed somewhere. More importantly is figuring out why the list doesn't put one item per line in IE as it does in Firefox.
Thanks,
Chad