Hi all,
I have an issue with the unordered list produced by the Nav object when shown in IE8/9.
The Nav object produces a basic ul/li list first and then the dnnmenu.js kicks in to decorate it with class names etc. When that´s ready the menu get´s the menu css applied (root, sel, m, mi, bc etc.).
<
dnn:NAV
runat
=
"server"
id
=
"NAV2"
providername
=
"DNNMenuNavigationProvider"
indicatechildren
=
"false"
controlorientation
=
"Vertical"
cssnoderoot
=
"dnavmenu_rootitem"
cssnodehoverroot
=
"dnavmenu_rootitem_hover"
cssnodeselectedroot
=
"dnavmenu_rootitem_selected"
cssbreadcrumbroot
=
"dnavmenu_rootitem_selected"
csscontainersub
=
"dnavmenu_submenu"
cssnodehoversub
=
"dnavmenu_itemhover"
cssnodeselectedsub
=
"dnavmenu_itemselected"
csscontainerroot
=
"main_dnnmenu_container"
csscontrol
=
"dnavmenu_bar"
cssnode
=
"dnavmenu_bar"
cssbreak
=
"dnavmenu_break"
cssicon
=
"dnavmenu_icon"
Level
=
"Root"
ExpandDepth
=
"-1"
PopulateNodesFromClient
=
"True"
>
<
CustomAttributes
>
<
dnn:CustomAttribute
Name
=
"AnimationType"
Value
=
"Slide"
/>
<
dnn:CustomAttribute
Name
=
"EasingType"
Value
=
"Expo"
/>
<
dnn:CustomAttribute
Name
=
"EasingDirection"
Value
=
"Out"
/>
<
dnn:CustomAttribute
Name
=
"AnimationLength"
Value
=
"1"
/>
<
dnn:CustomAttribute
Name
=
"AnimationInterval"
Value
=
"10"
/>
<
dnn:CustomAttribute
Name
=
"RenderMode"
Value
=
"UnorderedList"
/>
</
CustomAttributes
>
</
dnn:NAV
>
When using an ExpandDepth of -1, all submenu's are produced in the basic unnumbered list. In my case it's about 50 menu-items in total.
The issue i'm having is that Internet Explorer already renders (and shows) the basic unnumbered list before the dnnmenu.js starts initializing the menu.
So, the menu is displayed in two steps, first the basic unnumbered list and then the final layout. That of course doesn't look nice.
I don't have the issue in Firefox.
I tried to set PopulateNodesFromClient to True, but it didn't work. And if it did, I don't think I want to wait for the browser to fetch the submenu's.
Does anyone knows how to solve this? Or should I use another menu component. At the end, I just want a nice css/js based vertical menu with flyout submenu's.
Thanks,
Geert