Hi Joe,

Thanks for quick reply. To better understanding see lavalamp example in this link. Please try third item. If you click it, you see the child page/pages in the menu.

Best,
Erhan
 

Hi Joe,

I tried MaxDataBindDepth="2" and then with "1". Sorry, but this didn't help.

Thanks,
Erhan

I'm only showing the top level with this:

<portal:SiteMenu id="SiteMenu1" runat="server"
              UseTreeView="false" UseSpanInLinks="true" HideMenuOnSiteMap="false"
           Direction="Horizontal" TopLevelOnly="true"></portal:SiteMenu>

I have multiple navigation levels, and this works just fine.

Hi Joe,

I wanted to use another jQuery plugin menu therefore I tried making settings in theme skin (menu structure and mojoTreeView is below). What I can not achieve is;

1. id="menu" for div element.

2. To create span for links. I tried hopeless UseSpanInLinks="true" by <portal:SiteMenu...

Thanks as always,
Erhan

<portal:mojoTreeView runat="server" SkinID="menuCustom"
            ContainerCssClass=""
            RootUlCssClass="menu"
            RenderLiCssClasses="true"
            RenderAnchorCss="true"
            LiCssClass=""
            LiCssClassWithChildren="parent"
            LiRootExpandableCssClass="parent"
            LiRootNonExpandableCssClass=""
            LiNonRootExpnadableCssClass=""
            LiSelectedCssClass=""
            LiChildSelectedCssClass=""
            LiParentSelectedCssClass=""
            AnchorCssClass=""
            AnchorSelectedCssClass=""
         />

<div id="menu">
    <ul class="menu">
        <li><a href="#" class="parent"><span>Home</span></a>
            <div><ul>
                <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                    <div><ul>
                        <li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
                            <div><ul>
                                <li><a href="#"><span>Sub Item 1.1.1</span></a></li>
                                <li><a href="#"><span>Sub Item 1.1.2</span></a></li>
                            </ul></div>
                        </li>
                        <li><a href="#"><span>Sub Item 1.2</span></a></li>
                        <li><a href="#"><span>Sub Item 1.3</span></a></li>
                        <li><a href="#"><span>Sub Item 1.4</span></a></li>
                        <li><a href="#"><span>Sub Item 1.5</span></a></li>
                        <li><a href="#"><span>Sub Item 1.6</span></a></li>
                        <li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
                            <div><ul>
                                <li><a href="#"><span>Sub Item 1.7.1</span></a></li>
                                <li><a href="#"><span>Sub Item 1.7.2</span></a></li>
                            </ul></div>
                        </li>
                    </ul></div>
                </li>
                <li><a href="#"><span>Sub Item 2</span></a></li>
                <li><a href="#"><span>Sub Item 3</span></a></li>
            </ul></div>
        </li> 

........................